dtree+jquery动态生成树节点例子《新手可参考》（Dtree+jquery dynamic spanning tree node example novice can reference）.doc

dtree+jquery动态生成树节点例子《新手可参考》（Dtree+jquery dynamic spanning tree node example novice can reference） jqueryjavascriptjspajaxcss dtree + jQuery动态生成树节点。 最近有朋友问我一个动态生成树怎么做。后来就用dtree JS组件和jQuery实现了一个给他现在贴出来给初学者做些参考演示。 1。先来介绍一下。dtree的用法。（我引用了以前我收集的一篇文章。还比较详细，出处不记得啦）。文章下面会附带dtree用法的例子。 dtree目录树的总结 一：函数 1：页面中 树。添加（ID，PID，名称，URL，标题，图标，目标，iconopen，打开）； 参数说明： 身份：节点自身的ID PID：节点的父节点的ID 名称：节点显示在页面上的名称 网址：节点的链接地址 标题：鼠标放在节点上所出现的提示信息 目标：节点链接所打开的目标框架（如框架目标主机，_blank，_self类） 图标：节点关闭时的显示图片的路径 iconopen：节点打开时的显示图片的路径 开放：布尔型，节点是否打开（默认为假） 注：开放项：顶级节点一般采用真实，即PID是－1的节点 2：dtree JS文件中。 约87－113行是一些默认图片的路径，注意要指对。 二：页面中的书写 1：默认值的书写规则（从左至右，依次省略） 即树。添加（ID，PID，名称，URL）；后面5个参数可以省略 2：有间隔时的默认值（如存在第6个参数，但第5个参数想用默认值） 即树。添加（ID，PID，名称，URL，”，必须这样写目标）； 3：样式表 （1）：可以将dtree。CSS中的样式附加到你的应用中的主CSS中，如a.css （2）：也可以同时引用dtree CSS与a.css两个文件， But the premise is that there is no duplicate style in the two CSS files Html code link href= /jingjindatabase/pub/css/a.css rel= stylesheet type= text/css / link href= /jingjindatabase/pub/css/dtree.css rel= stylesheet type= text/css / 4: page code writing position is: generally written in the form of TD Javascript code script type=, text/javascript, src=, /myMobanGis/pub/js/dtree.js, /script script type= text/javascript Tree = new, dTree (tree); Tree.add (1, -1, Beijing, Tianjin, , , , , , , true); Tree.add (11, 1, A, , , , , ,, ,, ,, ,, ,, ,, ,, true); Tree.add (110, 11, A-1, content.jsp, moduleName=XXX, mainFrame); Tree.add (111, 11, A-2, javascript:void (0), , where the link is displayed); Tree.add (112, 11, A-3, javascript:void (0), mainFrame); Tree.add (113, 11, A-4, /.jsp, mainFrame); Tree.add (114, 11, A-5, /.jsp, mainFrame); Tree.add (115, 11, A-6, /.jsp, mainFrame); Tree.add (12, 1, B, , , , , ,, ,, ,, ,, ,, ,, ,, true); Tree.add (121, 12, B-1, javascript:, call the JS function on this page, , mainFrame); Tree.add (122, 12, B-2); Tree.add (13, 1, C, , , , , ,, ,, ,, ,, ,, ,, ,, true); Tree.add (131, 13, C-1, javascript:void (0), mainFrame); Tree.add (132, 13, C-2, javascr