<div id="treeboxbox_tree" style="width:200px; height:218px;background-color:#f5f5f5;border :1px solid Silver;"></div>
<script>
var tree = new dhtmlXTreeObject("treeboxbox_tree", "100%", "100%", 0);
tree.setSkin('dhx_skyblue');
tree.setImagePath("<s:url value='/js/codebase/imgs/'/>");
//tree.enableDragAndDrop(0);
//tree.enableTreeLines(false);
//tree.setImageArrays("plus", "", "", "", "plus.gif");
//tree.setImageArrays("minus", "", "", "", "minus.gif");
//tree.setStdImages("book.gif", "books_open.gif", "books_close.gif");
//tree.setXMLAutoLoading("../common/tree4.xml");
tree.loadXML("tree4.xml");
tree.setOnClickHandler(doOnClick);
</script>
<script>
function doOnClick(id){
var url = tree.getUserData(id,"file");//获取这个ID节点下面的userdata属性
if(url!=null&&url!=''){
parent.mainFrame.location=url;//上一级框架.RightFrame.请求 = url
}
}
</script>
<item text="数字词典管理" id="xtgl_szcdgl" >
<userdata name="file">../../dictionary/dictionary.action</userdata>
</item>
分享到:
相关推荐
2. **定义右键菜单**:使用dhtmlXtree的`attachEvent`方法,监听`onRightClick`事件。当用户在树的节点上执行右键点击时,这个事件会被触发。你可以在这个事件处理函数中定义你的菜单项,这些菜单项通常是以数组形式...
**dhtmlxtree详解与JSON应用** `dhtmlxtree` 是一个基于JavaScript的富...通过实践项目`dhtmlxtreeTest`,我们可以深入了解dhtmlxtree的用法和与JSON的整合,这对于提升Web开发中的UI设计和数据管理能力具有重要价值。
1. **index.html**:示例或演示页面,展示了dhtmlxTree的使用方法。 2. **pro_features.html**:可能列出了专业版或高级特性。 3. **License_GPL.txt**:GNU General Public License文本,解释了开源版本的授权条件...
在实际应用中,dhtmlxtree可以与其他前端框架(如jQuery、AngularJS、React等)配合使用,提供更丰富的用户体验。例如,通过AJAX请求获取动态数据,实时更新树状视图;或者结合服务器端技术(如PHP、Java、ASP.NET)...
**dhtmlXTree1.6** 是一个基于JavaScript的组件,用于在Web应用程序中创建交互式的树状结构。这个组件允许开发者以动态和灵活的...通过熟练掌握dhtmlXTree的用法,开发者能够创建出用户友好、功能丰富的Web应用程序。
【描述】提到的"博文链接:https://clarancepeng.iteye.com/blog/108163"是一个在线技术博客文章,作者Clarence Peng分享了关于dhtmlxtree的具体使用方法和实战经验。这篇文章很可能是对dhtmlxtree进行详细介绍,...
为了更好地理解和使用dhtmlxTree,可以参考`docsExplorer`中的文档,了解详细功能和具体用法。`readme.txt`可能包含了关于如何开始和版本信息等内容,而`index.html`通常是一个示例页面,展示了dhtmlxTree的不同功能...
Dhtmlxtree是一款基于JavaScript的树形控件,它提供了丰富的功能和自定义选项,用于在Web应用中创建交互式的树...这个例子展示了其基础用法,但Dhtmlxtree的强大之处远不止于此,深入研究和实践将揭示更多的可能性。
例如,在一个项目管理应用中,可以使用dhtmlxtree展示任务的层级关系,通过拖放调整任务顺序,通过复选框选择多个任务,通过右键菜单进行任务的增删改操作。 **六、API与配置选项** dhtmlxtree提供了丰富的API接口...
描述中的链接提到了CSDN博客文章,其中详细介绍了如何使用XML HTTP请求来调用DhtmlxTree。通过XML,开发者可以动态地从服务器获取和显示数据,增强了树结构的实时性。这种技术基于AJAX(Asynchronous JavaScript and...
压缩包中的`docsExplorer`目录包含了详细的API文档和示例,帮助开发者了解如何使用dhtmlxTree的各种功能。同时,`index.html`和`readme.txt`文件提供了一些基础信息和快速入门指南。 **6. 库集成** dhtmlxTree 3.6...
- **展开/折叠节点**:使用`openItem`和`closeItem`方法可以控制节点的展开和折叠状态。 - **选中/取消选中节点**:`selectItem`和`unselectItem`方法用于选中和取消选中的节点。 5. **事件处理** dhtmlxTree...
包含dhtmlxTree(树型控件),dhtmlxTabbar(选项卡),dhtmlxGrid(数据表格),dhtmlxCombo(下拉选项),dhtmlxTreeGrid(树型表格),dhtmlxVault(文件上传控件),dhtmlxMenu(菜单),dhtmlxToolbar(工具条),dhtmlxCalendar(日历...
在使用dhtmlxtree之前,需要引入必要的CSS和JavaScript文件。示例代码中引用了dhtmlXTree.css、dhtmlXCommon.js、dhtmlXTree.js和jQuery库。这些文件包含了树形结构的样式和核心功能实现。 2. **实例化树形结构**...
本文将对 DHTMLXTree 的基本使用方法进行详细介绍,特别适合初学者。 #### 二、基础配置与初始化 在开始使用 DHTMLXTree 之前,需要先完成基础配置。下面是一些关键步骤: 1. **引入脚本文件**: ```html ...