网站首页 语言 会计 电脑 医学 资格证 职场 文艺体育 范文
当前位置:书香门第 > IT认证 > SUN认证

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

栏目: SUN认证 / 发布于: / 人气:1.45W

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

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

Dtree目录树的总结

  一:函数

1:页面中

(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:文件中

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

  二:页面中的书写

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

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

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

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

3:样式表

(1):可以将中的样式附加到你的应用中的主css中,如

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

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

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

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

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

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

6. 编写我们的页面.