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