fuelux.tree 获取点击的结点
时间: 2023-10-15 11:08:12 浏览: 42
在 `fuelux.tree` 中获取点击的节点,可以使用 `selected` 事件和 `getSelectedNodes` 方法。
1. 在 `tree` 初始化的时候,绑定 `selected` 事件:
```javascript
treeContainer.tree({
dataSource: function(options, callback) {
// 获取节点数据的方法
// ...
},
multiSelect: true, // 允许多选
folderSelect: false, // 不允许选择文件夹
showCheckbox: true, // 显示复选框
selectable: function(node) {
// 可选节点的判断条件
return node.type === 'file';
},
dragAndDrop: true, // 允许拖拽
// 绑定 selected 事件
selected: function(event, data) {
console.log(data.selectedNodes); // 获取选中的节点
}
});
```
2. 在 `selected` 事件中,可以使用 `getSelectedNodes` 方法获取选中的节点:
```javascript
treeContainer.tree({
// ...
selected: function(event, data) {
var selectedNodes = treeContainer.tree('getSelectedNodes');
console.log(selectedNodes);
}
});
```
`getSelectedNodes` 方法返回一个数组,包含了当前选中的所有节点对象。每个节点对象包含了节点的 ID、文本、类型等信息,可以通过对象的属性进行访问。例如,获取选中的第一个节点的 ID:
```javascript
var selectedNodes = treeContainer.tree('getSelectedNodes');
var firstSelectedNodeId = selectedNodes[0].id;
console.log(firstSelectedNodeId);
```