2021-06-06

树形组件

在一段漫长的雪藏后，我们在layui2.5.0的版本中重新创作了tree，以便它能够更加适用于绝大多数业务场景，而风格依然遵循layui独有的极简和清爽。需要提醒的是，如果您的项目中任然采用了layui2.5 版本之前的tree，它将不被兼容，请尽快修改为以下新的调用方式。

模块加载名称：tree

快速使用
通过tree.render（）方法指定一个元素，便可快速创建一个tree实例

基础参数
目前tree组件提供以下基础参数，可根据需要进行相应的设置

数据源属性选项
我们将data参数称之为数据源，其内部支持设定以下选项

节点被点击的回调
在节点被点击后触发，返回的参数如下：

复选框被点击的回调
点击复选框时触发，返回的参数如下：

操作节点的回调
通过operate 实现函数，对节点进行增删改等操作时，返回操作类型及操作节点

返回选中的节点数据
很多时候tree 可能不仅仅只是一个树菜单，它还用于各种权限控制等场景，这个时候你需要获得选中的节点。
语法：tree.getChecked(id)

设置节点勾选
除了通过checked 参数对节点进行初始勾选之外，你还可以通过方法动态对节点执行勾选
语法：tree.setChecked(id，checkedId)
参数 checkedId：代表的是数据源中的节点id

实例重载
重载一个已经创建的组件实例，被覆盖新的基础属性