Dtree+Jquery动态生成树节点

时间：2020-10-04 14:16:22 SUN认证我要投稿

关于Dtree+Jquery动态生成树节点

　　dtree是一个由JavaScript编写成的简单的树形菜单组件，目前免费并且开源。目前有很多的树形菜单组件(比如ext)，dtree是一种简单易懂的js组件，不需要复杂的操作即可生产，同时支持动态从数据库引入数据。

　　Dtree目录树的总结

　　一：函数

　　1：页面中

　　tree.add(id,pid,name,url,title,target,icon,iconOpen,open);

　　参数说明：

　　id ：节点自身的id

　　pid ：节点的父节点的id

　　name ：节点显示在页面上的名称

　　url ：节点的链接地址

　　title ：鼠标放在节点上所出现的提示信息

　　target ：节点链接所打开的目标frame(如框架目标mainFrame,_blank,_self 类)

　　icon ：节点关闭时的显示图片的路径

　　iconOpen：节点打开时的显示图
片的路径

　　open ：布尔型，节点是否打开(默认为false)

　　注：open项：顶级节点一般采用true，即pid是-1的节点

　　2：dtree.js文件中

　　约87-113行是一些默认图片的路径，注意要指对。

　　二：页面中的书写

　　1：默认值的书写规则(从左至右，依次省略)

　　即 tree.add(id,pid,name,url);后面5个参数可以省略

　　2：有间隔时的.默认值(如存在第6个参数，但第5个参数想用默认值)

　　即 tree.add(id,pid,name,url,"",target);必须这样写

　　3：样式表

　　(1)：可以将dtree.css中的样式附加到你的应用中的主css中，如a.css

　　(2)：也可以同时引用dtree.css与a.css两个文件，但前提条件是两个css文件中不能有重复的样式

　　4：页面代码书写的位置是：一般写在表格的td之中

　　说明：这是静态的代码，动态的可用循环加入。其他 tree.add(id,pid,name,url,"","","","",true);

　　不罗嗦啦..上面的只是让你大概了解一下.dtree怎么用.

　　dtree+JQuery动态生成树.思路其实很简单... 首先把树的节点信息存储到数据库,然后在servlet或jsp中获取数据库表中的数据,把这些信息写成在xml文件中.然后界面jsp页面通过JQuery实现对改 servlet的请求.并且回调方法中接受xml数据对象.并且遍历xml文件,取得xml文件中的节点的属性或文本数据.再循环的对dtree添加节点.。

　　5. 将dtree.js 和dtree.css，jquery.js, img文件夹.放在WebRoot下面.(工程的根目录)

　　6. 编写我们的tree.jsp页面.

【关于Dtree+Jquery动态生成树节点】相关文章：

动态摄影技巧10-14

2018德国留学申请指南时间节点10-08

美国留学各时间节点的汇总09-29

施工项目动态管理10-14

Java脚本动态用法10-26