在layui组件库中lay-tree如何获取当前节点的信息
时间: 2024-09-26 17:10:37 浏览: 32
在LayUI的lay-tree组件中,要获取当前选中的节点信息,你可以通过监听`nodeClick`事件或者直接访问树的属性来获取。以下是简单的步骤:
1. 首先,在初始化layTree时,需要设置`check`选项来启用节点点击事件,如下所示:
```javascript
layui.use('laytree', function () {
var layTree = layui.laytree({
elem: '#layTreeDemo',
data: [ // 树形数据源
{ name: '父节点1', children: [{ name: '子节点1' }, { name: '子节点2' }] },
{ name: '父节点2' }
],
check: true, // 开启节点点击事件
clickNode: function (event, node) { // 当节点被点击时触发的回调函数
console.log(node); // 这里会得到当前点击节点的对象,包含id、name等信息
}
});
});
```
2. 然后,在`clickNode`回调函数中,`node`参数就是当前被点击的节点对象。
如果你想在非交互式的情况下获取当前选中的节点,可以直接从layTree实例中读取,例如:
```javascript
var currentNode = layTree.tree('getChecked', { closest: true }); // 获取最近的被选中节点
```
`getChecked`方法用于获取选中的节点,`closest: true`表示返回最近的祖先节点,如果不是选中状态,则返回根节点。
阅读全文