layui.dtree.render()详细使用

layui.dtree.render()是layui中树形组件dtree的渲染方法，可以将数据渲染成一颗树形结构。

使用方法：

1. 引入dtree.js文件和dtree.css文件

2. 定义一个容器，用于渲染树形结构

<div id="tree"></div>

3. 构造树形数据

var treeData = [
  {
    title: '节点1',
    id: '1',
    children: [
      {
        title: '节点1.1',
        id: '1-1'
      },
      {
        title: '节点1.2',
        id: '1-2'
      }
    ]
  },
  {
    title: '节点2',
    id: '2',
    children: [
      {
        title: '节点2.1',
        id: '2-1'
      },
      {
        title: '节点2.2',
        id: '2-2'
      }
    ]
  }
];

4. 调用layui.dtree.render()方法渲染树形结构

layui.use(['dtree'], function() {
  var dtree = layui.dtree;
  
  dtree.render({
    elem: '#tree', // 容器ID
    data: treeData, // 数据
    checkbar: true // 是否开启复选框
  });
});

常用参数：

elem：容器ID，必填项。

data：树形数据，必填项。

checkbar：是否开启复选框。

toolbar：是否开启工具栏。

initLevel：树形展开的层数。

url：异步加载数据的URL。

response：异步加载数据的返回值。

方法：

- layui.dtree.reload(elem, data)：重新加载树形结构。

- layui.dtree.setCheckbarNodes(elem, checked)：设置复选框选中状态。

- layui.dtree.getCheckbarNodesParm(elem)：获取复选框选中的节点ID数组。

- layui.dtree.getNodeParam(elem, nodeid)：获取指定节点的参数。

- layui.dtree.getNowParam(elem)：获取当前选中的节点参数。

- layui.dtree.getParentNodeParam(elem, nodeid)：获取指定节点的父节点参数。