生成一个layui树结构表格
时间: 2023-02-18 21:44:54 浏览: 85
的代码示例如下:
<script>
layui.use(['tree', 'util'], function(){
var tree = layui.tree
,layer = layui.layer
,util = layui.util;
//模拟数据
var data = [{
title: '一级1'
,id: 1
,field: 'name1'
,children: [{
title: '二级1-1'
,id: 3
,field: 'name3'
,children: [{
title: '三级1-1-1'
,id: 7
,field: 'name7'
}]
},{
title: '二级1-2'
,id: 4
,field: 'name4'
}]
},{
title: '一级2'
,id: 2
,field: 'name2'
,children: [{
title: '二级2-1'
,id: 5
,field: 'name5'
},{
title: '二级2-2'
,id: 6
,field: 'name6'
}]
}];
//渲染
tree.render({
elem: '#demo1' //绑定元素
,data: data
,showCheckbox: true //是否显示复选框
,id: 'demoId1' //定义索引
,isJump: true //是否允许点击节点时弹出新窗口跳转
,click: function(obj){
var data = obj.data; //获取当前点击的节点数据
layer.msg('状态:'+ obj.state + '<br>节点数据:' + JSON.stringify(data));
}
});
});
</script>
阅读全文