前端框架layui之树结构

1.导入插件

layui使用需要导入layui的js和css:

<link rel="stylesheet" href="layui/css/layui.css" />
<script src="layui/layui.js"></script>

2.详细介绍

2.1基础参数

1）elem　　类型：String/Object，指向容器选择器。

2）data　　类型：Array，数据源。

3）id　　类型：String，设定实例唯一索引，用于基础方法传参使用。

4）showCheckbox　　类型：Boolean，是否显示复选框。

5）edit　　类型：Boolean/Array。是否开启节点的操作图标，默认 false。若为 true，则默认显示“改删”图标；若为数组，则可自由配置操作图标的显示状态和顺序，目前支持的操作图标有：add、update、del，如：edit: ['add', 'update', 'del']。

6）accordion　　类型：Boolean，是否开启手风琴模式，默认 false。

7）onlyIconControl　　类型：Boolean，是否仅允许节点左侧图标控制展开收缩。默认 false（即点击节点本身也可控制）。若为 true，则只能通过节点左侧图标来展开收缩。

8）isJump　　类型：Boolean，是否允许点击节点时弹出新窗口跳转。默认 false，若开启，需在节点数据中设定 link 参数（值为 url 格式）。

9）showLine　　类型：Boolean，是否开启连接线。默认 true，若设为 false，则节点左侧出现三角图标。

10）text　　类型：Object，支持的格式如下：

text: {
  defaultNodeName: '未命名' //节点默认名称
  ,none: '无数据' //数据为空时的提示文本
} 

2.2数据源data参数

1）title　　类型：String