ztree初始化及获取选中节点的id数组（简单粗暴）

一、初始化ztree列表

• 使用$.fn.zTree.init()方法初始化
  
  • 第一个参数为生成ztree的节点
  • 第二个参数为ztree配置项
  • 第三个参数为生成节点的数据

    let zTreeObj;
    let setting = {
        check: {
            enable: true
        },
        view: {
            showLine: false
        }
    };

zTreeObj=$.fn.zTree.init($("#ztree"), setting, zNodes);

二、获取ztree选中的节点

1. 获取页面中的ztree对象

let ztreeObj=$.fn.zTree.getZTreeObj("ztree");

注：这里的ztree对应的是页面中ztree对应节点的id。

<ul id="ztree">ul>

2. 获取ztree对象被选中的节点，得到一个数组

let list = ztreeObj.getCheckedNodes(true);

3. 遍历数组，取出对应节点的id，得到最终我们需要的数组

let idArr=[];
list.map(val => idArr.push(val.id));

4.封装成函数

将获取ztree选中节点的id数组的代码封装成一个函数。

const getSelectedZTreeId = () => {
    let idList = [];
    $.fn.zTree.getZTreeObj("ztree").getCheckedNodes(true).map(val => idList.push(val.id));
    return idList.toString();
};

END