关于ztree自定义节点数据的使用

在这里插入图片描述
如上所示,其实官方文档有提到的,但是表达的不是很清楚,不知道啥意思,实际上就是说,我们后台给回前端的数据,除了下面(看下面的代码)的基础数据,即,id,pid和name外的其他节点数据,比如,我在其中加入code,或者官方中是ename都可以在节点里获取到

var nodes = [
	{id:1, pId:0, name: "父节点1"},
	{id:11, pId:1, name: "子节点1"},
	{id:12, pId:1, name: "子节点2"}
];

比如我改成下面的数据:
我加上code

var nodes =[{
		id: 1,
		pId: 0,
		name: "父节点1",
		code:1
	},
	{
		id: 11,
		pId: 1,
		name: "子节点1",
		code:2
	},
	{
		id: 12,
		pId: 1,
		name: "子节点2",
		code:3
	}
];

怎么获取到code呢,看官网api,下面这些api都基本上可以拿到code的
在这里插入图片描述
这里讲其中一个使用逻辑即可,
比如删除节点的,
首先是要在callback中加入这个函数名,写法看下面,或者看官网案例
在这里插入图片描述
再去看官方的使用过程,代码可以直接复制官方的,点击官方api即可看到实例代码
在这里插入图片描述
然后再自己实现这个函数内容,如果要获取code,可以从treeNode中拿,几乎所有内置函数,都有这个的

	//点击删除前触发
		function zTreeBeforeRemove(treeId, treeNode) {
		//直接点出来即可
		  console.log(treeNode.code)
			
		}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值