下面我们讲Layui中的静态树状图如何渲染,以渲染服装类型及明细为例:
- 首先我们需要引入layui的js插件,准备编写树状图渲染的方法:
我们通常使用div标签作为Layui树状图渲染的操作对象,以下图为例:在需要展现树状图的页面代码位置插入div标签,并给定一个特定id。
-
首先我们讲静态树状图的渲染,先给定有特定id的div标签:
开始编写渲染方法(render()):
elem:表示渲染的对象ID值(已经给定特定id的div标签);
data:为树状图内的数据源;
showCheckbox:节点是否显示复选框;
edit:可选择是否开启对节点的操作栏(true、false、['add','update','del']);
showLine:是否显示节点间的连接线&#