layui 树形菜单默认把第一级打开
时间: 2024-10-24 10:16:50 浏览: 16
layui是一个轻量级的前端UI框架,它提供了一个树状菜单组件用于构建网站导航或数据结构展示。默认情况下,layui的树形菜单组件并不会自动展开第一级节点,你需要通过JavaScript或者API来进行初始化设置。
如果你想让第一级节点在加载时就显示出来,你可以这样做:
1. 在HTML模板中,给需要展开的节点添加一个特定的标识,如`data-open="true"`。
```html
<li data-id="1" data-name="父节点1" data-open="true">...</li>
```
2. 在JavaScript中,利用layui提供的tree模块的`load`函数,在节点渲染完成时检查并手动展开:
```javascript
layui.use('tree', function(){
var tree = layui.tree;
// 加载完成后展开第一级节点
tree.render({
elem: '#your-tree-id',
... // 其他配置项
}).done(function(data){
tree.filter(null, ['id=1']); // 替换 'id=1' 为你第一级节点的实际ID
});
});
```
如果你没有特别的标识,可以在加载完所有数据后再遍历一级节点进行展开:
```javascript
tree.load('#your-tree-id', {
type: 'all'
}).then(function() {
tree.filter(null, [{field: 'level', value: 1, children: true}]);
});
```
阅读全文