layui.dtree 设置和获取额外参数
时间: 2024-05-06 09:17:32 浏览: 223
在 layui.dtree 中,可以通过设置节点的 `basicData` 属性来设置节点的额外参数,也可以通过 `getCheckbarNodesParam` 方法获取选中节点的额外参数。
设置节点额外参数的示例代码如下:
```javascript
layui.use(['dtree'], function(){
var dtree = layui.dtree;
var data = [{
title: '节点1',
id: '1',
basicData: {
name: '节点1的额外参数'
},
children: [{
title: '节点1-1',
id: '2',
basicData: {
name: '节点1-1的额外参数'
}
}]
}];
// 渲染树
dtree.render({
elem: "#tree",
data: data
});
});
```
获取选中节点的额外参数的示例代码如下:
```javascript
layui.use(['dtree'], function(){
var dtree = layui.dtree;
// 获取选中节点的额外参数
var param = dtree.getCheckbarNodesParam("#tree");
console.log(param);
});
```
在上述代码中,`getCheckbarNodesParam` 方法的参数是树的选择器,返回的是一个数组,数组中包含选中节点的 `nodeId` 和 `basicData` 属性。
阅读全文