<!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
dhtmlxChart
4星 · 超过85%的资源 需积分: 10 28 浏览量
2012-06-27
20:53:49
上传
评论
收藏 1.7MB ZIP 举报 
dhtmlxChart （724个子文件） 
AUTHORS 205B COPYING 11KB default.css 31KB style.css 8KB style.css 8KB dhtmlxchart_debug.css 2KB dhtmlxchart.css 1KB Thumbs.db 70KB Thumbs.db 70KB entries 7KB entries 6KB entries 534B entries 381B entries 247B entries 234B entries 227B
grid-placeholder.gif 16KB grid-placeholder.gif 16KB 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 chart.gif 2KB chart.gif 2KB icons___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 visualdesigner.gif 1KB designer.gif 1KB visualdesigner.gif 1KB designer.gif 1KB logo_tree.gif 1KB logo_tree.gif 1KB logo_tree.gif 1KB fixme.gif 1KB delete.gif 1KB logo_form.gif 1KB logo_form.gif 1KB bookmark.gif 1KB bookmark.gif 1KB bookmark.gif 1KB icon_spreadsheet.gif 1KB共 724 条
- 1
- 2
- 3
- 4
- 5
- 6
- 8
资源评论
blueicescape2014-09-26有 演示DEMO,但是不确定库的代码全不全
