fuelux.tree JSON默认选中
时间: 2023-08-24 15:07:26 浏览: 48
要实现JSON数据的默认选中,您需要在页面初始化时,将要默认选中的节点ID数组传递给Fuel UX Tree组件。以下是示例代码:
```javascript
// JSON数据
var treeData = [
{
"name": "Node 1",
"type": "item",
"id": 1
},
{
"name": "Node 2",
"type": "folder",
"id": 2,
"children": [
{
"name": "Child Node 1",
"type": "item",
"id": 3
},
{
"name": "Child Node 2",
"type": "item",
"id": 4
}
]
}
];
// 要默认选中的节点ID数组
var defaultSelectedNodes = [1, 4];
// 初始化Fuel UX Tree组件
$('#MyTree').tree({
dataSource: treeData,
multiSelect: true, // 允许多选
folderSelect: false, // 文件夹节点不可选
selectChildren: false, // 不自动选中子节点
selectedItems: defaultSelectedNodes // 设置默认选中节点
});
```
在以上代码中,`defaultSelectedNodes` 是一个数组,其中包含了要默认选中的节点ID。在初始化Fuel UX Tree时,将该数组传递给`selectedItems`选项即可。此外,为了防止自动选中子节点,需要将`selectChildren`选项设置为`false`。