layui.dtree 设置额外参数
时间: 2023-11-16 09:10:20 浏览: 160
在 layui.dtree 中,可以通过设置节点的 `basic` 属性来设置节点的额外参数,例如:
```js
layui.use(['dtree'], function() {
var dtree = layui.dtree;
var data = [{
title: '节点1',
id: 1,
basic: {
key1: 'value1',
key2: 'value2'
},
children: [{
title: '节点1.1',
id: 2,
basic: {
key3: 'value3'
}
}]
}];
dtree.render({
elem: '#tree',
data: data
});
});
```
在上面的例子中,节点1和节点1.1都设置了 `basic` 属性,其中节点1的 `basic` 属性包含了 `key1` 和 `key2` 两个键值对,节点1.1的 `basic` 属性包含了 `key3` 一个键值对。
在渲染树形结构时,可以通过获取节点的 `basic` 属性来获取节点的额外参数,例如:
```js
layui.use(['dtree'], function() {
var dtree = layui.dtree;
var data = [{
title: '节点1',
id: 1,
basic: {
key1: 'value1',
key2: 'value2'
},
children: [{
title: '节点1.1',
id: 2,
basic: {
key3: 'value3'
}
}]
}];
dtree.render({
elem: '#tree',
data: data
});
// 获取节点1的额外参数
var node1 = dtree.getNodeById(1);
console.log(node1.basic.key1); // 输出:value1
// 获取节点1.1的额外参数
var node2 = dtree.getNodeById(2);
console.log(node2.basic.key3); // 输出:value3
});
```
在上面的例子中,我们通过 `dtree.getNodeById` 方法获取了节点1和节点1.1的信息,并分别输出了它们的 `basic` 属性中的键值对。
阅读全文