Layui静态树状图渲染

下面我们讲Layui中的静态树状图如何渲染，以渲染服装类型及明细为例：

1. 首先我们需要引入layui的js插件，准备编写树状图渲染的方法：
   
   

我们通常使用div标签作为Layui树状图渲染的操作对象，以下图为例：在需要展现树状图的页面代码位置插入div标签，并给定一个特定id。

2. 首先我们讲静态树状图的渲染，先给定有特定id的div标签：
   

   开始编写渲染方法（render（））：
   elem：表示渲染的对象ID值(已经给定特定id的div标签)；
   data：为树状图内的数据源；
   showCheckbox：节点是否显示复选框；
   edit：可选择是否开启对节点的操作栏（true、false、[＇add＇，＇update＇，＇del＇]）；
   showLine：是否显示节点间的连接线&#