dtree+jquery动态生成树节点例子《新手可参考》(Dtree+jquery dynamic spanning tree node example novice can reference).doc
- 1、本文档共27页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
dtreejquery动态生成树节点例子《新手可参考》(Dtreejquerydynamicspanningtreenodeexamplenovicecanreference)
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
您可能关注的文档
- 35t_h工业链条炉计算机控制系统的设计(Design of computer control system for 35t_h industrial chain furnace).doc
- 35建筑构造与详图(35 building construction and detailing).doc
- 39楼adsl掉线,断流与连不上的常见故障解决(The 39 floor ADSL drop line, stop and fail to connect the common faults to solve).doc
- 36建筑构造与详图(36 building construction and detailing).doc
- 39综合测试题(39 comprehensive test questions).doc
- 3d max札记(3D max札记).doc
- 3dsmax的模型优化技巧默(3dsmax model optimization techniques silently).doc
- 3dmax布光的心得(3DMAX lighting experience).doc
- 3d_max中材质(Material in 3d_max).doc
- 3d左右格式(About 3D format).doc
最近下载
- 国家安全论文2000字范文(精选5篇).docx VIP
- 用电检查员技能培训课件—三相四线计量装置错接线分析及操作.pptx
- 第24课 人民解放战争(课件)-【中职专用】《中国历史》.pptx
- 讲好红色故事传承红色精神红色革命故事学习PPT.pptx VIP
- 心理健康指导师考试题库及答案.doc VIP
- 电子基础培训介绍.pptx VIP
- 离心式压缩机培训PPT.pptx VIP
- 犯罪心理学大学校园故意杀人罪的分析以云南大学学生马加爵杀人案为例.pdf
- SLT 631.1-2025 水利水电工程单元工程施工质量验收标准 第1部分:土石方工程.docx
- 高考历史判断题练习及答案.docx VIP
文档评论(0)