<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
lang="en" dir="ltr">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="stylesheet" href="../codebase/default.css" type="text/css" media="screen" title="no title" charset="utf-8"><title>
others:toc_dhtmlx_2_0_step_by_step [DHX documentation]
</title></head>
<body>
<div class="dokuwiki">
<div class="stylehead">
<div class="header">
<a class="logo" href="http://dhtmlx.com" title="DHTMLX Home Page"></a>
<span class="tittle-dhtmlx">DHTMLX Docs & Samples Explorer</span>
<div class="search-field">
<form action="/dhtmlx/docs/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit"></button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form> </div>
<div class="buttons">
<a class="doc"></a>
<a title="DHTMLX Samples homepage" href="../samples.html" class="sample"/></a>
</div>
<!-- <div class="pagename">
[[<a href="#" title="Backlinks">others:toc_dhtmlx_2_0_step_by_step</a>]]
</div>
<div class="logo">
<a href="/dhtmlx/docs/doku.php" name="dokuwiki__top" id="dokuwiki__top" accesskey="h" title="[H]">DHX documentation</a> </div>
<div class="clearer"></div>-->
</div>
<!-- <div class="bar" id="bar__top">
<div class="bar-left" id="bar__topleft">
<form class="button btn_edit" method="post" action="/dhtmlx/docs/doku.php"><div class="no"><input type="hidden" name="do" value="edit" /><input type="hidden" name="rev" value="" /><input type="hidden" name="id" value="others:toc_dhtmlx_2_0_step_by_step" /><input type="submit" value="Edit this page" class="button" accesskey="e" title="Edit this page [E]" /></div></form> <form class="button btn_revs" method="get" action="/dhtmlx/docs/doku.php"><div class="no"><input type="hidden" name="do" value="revisions" /><input type="hidden" name="id" value="others:toc_dhtmlx_2_0_step_by_step" /><input type="submit" value="Old revisions" class="button" accesskey="o" title="Old revisions [O]" /></div></form> </div>
<div class="bar-right" id="bar__topright">
<form class="button btn_recent" method="get" action="/dhtmlx/docs/doku.php"><div class="no"><input type="hidden" name="do" value="recent" /><input type="hidden" name="id" value="others:toc_dhtmlx_2_0_step_by_step" /><input type="submit" value="Recent changes" class="button" accesskey="r" title="Recent changes [R]" /></div></form> <form action="/dhtmlx/docs/doku.php" accept-charset="utf-8" id="dw__search"><div class="no"><input type="hidden" name="do" value="search" /><input type="text" id="qsearch__in" accesskey="f" name="id" title="Search" /><button type="submit"></button><div id="qsearch__out" class="ajax_qsearch JSpopup"></div></div></form>
</div>
<div class="clearer"></div>
</div> -->
<!-- <div class="breadcrumbs">
<span class="bchead">Trace:</span> <span class="bcsep">»</span> <span class="curid"><a href="/dhtmlx/docs/doku.php?id=others:toc_dhtmlx_2_0_step_by_step" class="breadcrumbs" title="others:toc_dhtmlx_2_0_step_by_step">toc_dhtmlx_2_0_step_by_step</a></span> </div>
-->
</div>
<div class="page">
<!-- wikipage start -->
<!-- TOC START -->
<div class="toc">
<div class="tocheader toctoggle" id="toc__header">Table of Contents</div>
<div id="toc__inside">
<ul class="toc">
<li class="clear">
<ul class="toc">
<li class="level2"><div class="li"><span class="li"><a href="#dhtmlx_2.0._step_by_step" class="toc">dhtmlx 2.0. Step by Step</a></span></div>
<ul class="toc">
<li class="level3"><div class="li"><span class="li"><a href="#step_1._create_html_file" class="toc">Step 1. Create HTML File.</a></span></div></li>
<li class="level3"><div class="li"><span class="li"><a href="#step_2._insert_dhtmlx_library_file" class="toc">Step 2. Insert DHTMLX Library File</a></span></div></li>
<li class="level3"><div class="li"><span class="li"><a href="#step_3._prepare_html_page" class="toc">Step 3. Prepare HTML Page</a></span></div></li>
<li class="level3"><div class="li"><span class="li"><a href="#step_4._choose_layout_for_application" class="toc">Step 4. Choose Layout for Application</a></span></div></li>
<li class="level3"><div class="li"><span class="li"><a href="#step_5._adjust_panel_sizes" class="toc">Step 5. Adjust Panel Sizes</a></span></div></li>
<li class="level3"><div class="li"><span class="li"><a href="#step_6._define_panel_headers" class="toc">Step 6. Define Panel Headers</a></span></div></li>
<li class="level3"><div class="li"><span class="li"><a href="#step_7._add_top_menu" class="toc">Step 7. Add Top Menu</a></span></div></li>
<li class="level3"><div class="li"><span class="li"><a href="#step_8._add_toolbar" class="toc">Step 8. Add Toolbar</a></span></div></li>
<li class="level3"><div class="li"><span class="li"><a href="#setting_icons_or_images_paths_for_components" class="toc">Setting Icons or Images Paths for Components</a></span></div></li>
<li class="level3"><div class="li"><span class="li"><a href="#step_9._add_tree_and_populate_with_data" class="toc">Step 9. Add Tree and Populate with Data</a></span></div></li>
<li class="level3"><div class="li"><span class="li"><a href="#step_10._add_grid_and_load_directory_content" class="toc">Step 10. Add Grid and Load Directory Content</a></span></div></li>
<li class="level3"><div class="li"><span class="li"><a href="#step_11._add_folders_and_load_directory_content" class="toc">Step 11. Add Folders and Load Directory Content</a></span></div></li>
<li class="level3"><div class="li"><span class="li"><a href="#step_12._activate_relations_between_left_and_right_parts" class="toc">Step 12. Activate Relations between Left and Right Parts</a></span></div></li>
<li class="level3"><div class="li"><span class="li"><a href="#conclusion" class="toc">Conclusion</a></span></div></li></ul>
</li></ul>
</li></ul>
</div>
</div>
<!-- TOC END -->
<p>
<div class='backlinks'><div class='backlink last_backlink'><img src="icons___file.gif" class="media" alt="" /><a href="index.html" class="wikilink1" title="start">Index</a></div><div class='arrow'></div><div class='backlink last_backlink'><a href="/dhtmlx/docs/doku.php?id=others:toc" class="media" title="others:toc"></a><a href="/dhtmlx/docs/doku.php?id=others:toc" class="wikilink2" title="others:toc" rel="nofollow">others</a></div></div>
</p>
<h2><a name="dhtmlx_2.0._step_by_step" id="dhtmlx_2.0._step_by_step">dhtmlx 2.0. Step by Step</a></h2>
<div class="level2">
<p>
The purpose of this tutorial is to show in step-by-step manner the easy way of building complex interface for <acronym title="Asynchronous JavaScript and XML">AJAX</acronym> based application with the help of DHTMLX library. This tutorial contains main stream - which describes the process of building Windows like file explorer and some includes (marked with orange border) which describes more complex functionality or provides more details about some things which don't relate to File Explorer development.
</p>
<p>
This tutorial is actual for dhtmlxSuite 2008 Rel.3 (initial release of dhtmlx 2.0). Further versions of dhtmlx components can contain some extra functionality which is not described here. Or some functionality can be used in some more convenient way.
</p>
<p>
Files related to this tutorial can be downloaded here: <a href="/dhtmlx/docs/lib/exe/fetch.php?media=others:dhtmlx20_tutorial.zip" class="media mediafile mf_zip" title="others:dhtmlx20_tutorial.zip">dhtmlx20_tutorial.zip</a>
</p>
</div>
<div class="secedit"><form clas
dhtmlxwindow包及使用方法
需积分: 9 79 浏览量
2012-03-31
11:31:48
上传
评论
收藏 1.25MB RAR 举报
dhtmlxwindow包及使用方法 （765个子文件） 
default.css 31KB dhtmlxwindows_dhx_skyblue.css 16KB dhtmlxwindows_dhx_skyblue.css 16KB dhtmlxwindows_dhx_web.css 16KB dhtmlxwindows_dhx_web.css 16KB dhtmlxwindows_dhx_black.css 15KB dhtmlxwindows_dhx_black.css 15KB dhtmlxwindows_dhx_blue.css 14KB dhtmlxwindows_dhx_blue.css 14KB style.css 8KB style.css 8KB dhtmlxwindows.css 2KB dhtmlxwindows.css 2KB Thumbs.db 70KB Thumbs.db 70KB
dhtmxwindow研究.docx 14KB entries 7KB entries 6KB entries 534B entries 381B entries 247B entries 234B entries 227B
grid-placeholder.gif 16KB grid-placeholder.gif 16KB dhtmlxwindows___dgr5rjkf_12c6wmchdw.gif 8KB buttons.gif 6KB buttons.gif 6KB logo_datastore.gif 5KB logo_datastore.gif 5KB logo_dataview.gif 4KB logo_dataview.gif 4KB logo_designer.gif 4KB logo_designer.gif 4KB layout2_sum_trans.gif 4KB logo_message.gif 4KB logo_message.gif 4KB logo_dataprocessor.gif 3KB logo_dataprocessor.gif 3KB logo_connector.gif 3KB logo_connector.gif 3KB logo_connector.gif 3KB logo_folders.gif 3KB logo_folders.gif 3KB logo_folders.gif 3KB logo_layout.gif 3KB logo_layout.gif 3KB logo_layout.gif 3KB logo_slider.gif 3KB logo_slider.gif 3KB logo_slider.gif 3KB logo_ajax.gif 3KB logo_ajax.gif 3KB logo_ajax.gif 3KB logo_accordion.gif 3KB logo_accordion.gif 3KB logo_accordion.gif 3KB logo_spreadsheet.gif 3KB logo_spreadsheet.gif 3KB logo_scheduler.gif 2KB logo_scheduler.gif 2KB logo_scheduler.gif 2KB logo_chart.gif 2KB logo_chart.gif 2KB logo_menu.gif 2KB logo_menu.gif 2KB logo_menu.gif 2KB logo_grid.gif 2KB logo_grid.gif 2KB logo_grid.gif 2KB logo_combo.gif 2KB logo_combo.gif 2KB logo_combo.gif 2KB logo_gantt.gif 2KB logo_gantt.gif 2KB logo_toolbar.gif 2KB logo_toolbar.gif 2KB logo_toolbar.gif 2KB logo_vault.gif 2KB logo_vault.gif 2KB logo_vault.gif 2KB datastore.gif 2KB datastore.gif 2KB logo_editor.gif 2KB logo_editor.gif 2KB logo_editor.gif 2KB icons___chart.gif 2KB chart.gif 2KB chart.gif 2KB logo_treegrid.gif 2KB logo_treegrid.gif 2KB logo_treegrid.gif 2KB logo_tabbar.gif 1KB logo_tabbar.gif 1KB logo_tabbar.gif 1KB designer.gif 1KB visualdesigner.gif 1KB designer.gif 1KB visualdesigner.gif 1KB logo_tree.gif 1KB共 765 条
- 1
- 2
- 3
- 4
- 5
- 6
- 8
资源评论
xiong860706
- 粉丝: 0
- 资源: 4
