当前位置:编程学堂 > 漂亮的 JS 树形控件,附带 8 种皮肤 (dhtmlxTree)

漂亮的 JS 树形控件,附带 8 种皮肤 (dhtmlxTree)

  • 发布:2023-09-30 07:15

dhtmlxTree(DHTML 扩展树)是一个功能丰富的 JavaScript 树形菜单,可让您轻松创建有吸引力的、快速加载的降序分层树,并具有跨浏览器兼容性的能力,Ajax支持,在线节点编辑和拖放。该 JavaScript 树控件中实施的特殊技术使得快速有效地加载大树成为可能。

丰富的客户端 API 提供对 TreeView 外观和行为的完全控制。从2.5版本开始,除了现有的功能API之外,dhtmlxTree还提供了对象构造函数,允许开发人员在单个命令中定义对象属性。丰富的客户端端 API 和行为提供了对 TreeView 外观的完全控制。从2.5版本开始,API除了现有的功能之外,还提供了对象构造函数dhtmlxTree,允许开发人员定义命令对象的属性。

高级拖放功能使您不仅可以在一棵树内拖动项目,还可以在不同的树之间拖动项目(即使树位于不同的框架或 iframe 中)。您现在就可以尝试此功能:高级拖放功能现在不仅可以拖动树中的一项,还可以拖动另一项(即使树分布在不同的框架或 iframe 中)。您可以尝试一下这个功能:

使用起来非常简单。首先将代码中dhtmlxTree下的codebase文件夹复制到你的项目中。这里只有JS、CSS等资源

首先添加对页面的引用

添加 DIV 进行渲染

添加JS代码

该控件有 8 种皮肤。皮肤地址为dhtmlxTree/codebase/imgs。皮肤名称与文件夹名称相对应。可以自己设置

setSkin('csh_yellowbooks');

在JS代码中可以看到号码的内容来自于XML

格式如下

非常简单的操作,上面就可以完成一棵TREE

下载地址:http://www.sychzs.cn/101.html

相关文章