如何为树节点增加自定义属性

如何为树节点增加自定义属性,第1张

请不要再多给节点添加 click 事件了,完全没有必要,只会影响性能。 zTree 是以节点数据为核心,并且提供了自己的 onClick 回调,而且 zTree 的所有回调都会返回 节点数据 json 对象,通过 json 对象你可以随意取得自定义的任何属性。 例如: 你自定义了 A属性, 在节点 “aa 内, 那么节点aa 的数据可能为: {name:aa, id:1, pId:-1, A:test} 那么在任何回调中得到的 treeNode 数据就是这个 json 对象的clone,获取A 只需要: treeNode.A 另外,你也可以利用 调试工具 console.log 打印 treeNode ,就可以看到了

要在js里面去后台获取节点数据,所有我用了ajax,但是是同步的不是异步的,json数据的格式[{id:’1’,pid:’0’,name:’1’},…………]。主页面index.jsp. 我只说js代码,剩下的我相信大家能领会的看代码

1 var zTreeObj

2 var zNodes

3 var setting = {

4 check: {

5 enable: true,

6 chkStyle:"checkbox"

7 },

8 data: {

9 simpleData: {

10 enable: true

11 }

12 }

13 }

1、调整 Css 即可

2、zTree 的拖拽 *** 作可以灵活实现改变父节点的 *** 作

3、zTree 的编辑功能是删除整个节点(包括其下属分支),需要自己利用 zTree 提供的方法灵活使用即可实现

4、每次 *** 作后,自己利用 ajax 与后台交互就可以实现显示数据域数据库交互了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/10086343.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存