DHTMLX中文使用手册2.0版本.doc

DHTMLX是一个强大的JavaScript库，专门用于创建交互式的Web应用程序，包括数据呈现和用户界面组件。其中，DHTMLX Tree是一个用于构建可扩展、可操作的树形结构的组件。这个组件支持多种浏览器和平台，如IE 5.5及以上、Safari、Mozilla 1.4及以上以及Firefox 0.9及以上版本，甚至对Macromedia Cold Fusion、Jsp和ASP.NET提供了支持。 在DHTMLX Tree中，你可以实现动态加载XML数据，这使得在处理大量数据时能有效提高性能。它还支持节点的拖放功能，不仅可以在同一棵树内部移动，还可以在不同树之间或不同框架之间进行。此外，DHTMLX Tree提供了带多选框的节点，支持两态和三态选择，用户可以根据需要定制图标，甚至可以通过JavaScript或XML来定义。节点还可以携带用户数据，并且支持多行显示，增强了用户体验。 在开发过程中，你需要在HTML页面中初始化DHTMLX Tree对象。例如，你可以通过以下代码创建一个树并开启拖放功能： ```html <div id="treeBox"></div> <script> tree = new dhtmlXTreeObject('treeBox', "100%", "100%", 0); tree.enableDragAndDrop(true); </script> ``` 你可以通过`setImagePath(url)`方法设置树的图片路径，`enableCheckBoxes(mode)`打开或关闭多选框功能，而`attachEvent`方法用于设置事件处理，如节点被选中的事件： ```javascript tree.attachEvent("onNodeSelect", function(nodeId){ // 在这里处理节点被选中的逻辑 }); ``` 添加节点通常有两种方式，一是通过脚本直接插入，二是使用XML加载数据。例如，要添加新节点： ```javascript tree.insertNewChild(0, 1, "New Node 1", 0, 0, 0, 0, "SELECT,CALL,TOP,CHILD,CHECKED"); tree.insertNewNext(1, 2, "New Node 2", 0, 0, 0, 0, "CHILD,CHECKED"); ``` 这些参数分别表示节点ID、父节点ID、文本、图标索引等。也可以通过XML文件加载数据，如： ```javascript tree.setXMLAutoLoading("http://127.0.0.1/xml/tree.xml"); tree.loadXML("http://127.0.0.1/xml/tree.xml"); ``` XML文件的格式通常是： ```xml <?xml version='1.0' encoding='UTF-8'?> <dhx树木> <item id="1" text="节点1"> <item id="1_1" text="子节点1.1"/> </item> <!-- 更多节点 --> </dhx树木> ``` DHTMLX Tree组件提供了一套全面的功能，帮助开发者构建高度自定义、交互性强的树形结构，适用于各种Web应用程序，尤其是在权限设置、数据组织和导航等方面。通过深入理解和熟练使用其API，你可以创建出符合需求的复杂树状界面。