zTree 一个基于 jQuery 实现的多功能 “树插件“

 官方网址：http://www.treejs.cn/v3/demo.php#_101

两个相关的文章：https://www.cnblogs.com/AutumnRhyme/p/5915769.html

                           https://blog.csdn.net/qq_35934094/article/details/80852989

我自己的demo示例：

// 请求回调里开始
$(document).ready(function(){
    var setting = {
        isSimpleData: true, //数据是否采用简单 Array 格式，默认false  
        treeNodeKey: "id", //在isSimpleData格式下，当前节点id属性  
        treeNodeParentKey: "pId", //在isSimpleData格式下，当前节点的父节点id属性  
        showLine: true, //是否显示节点间的连线  
        checkable: true //每个节点上是否显示 CheckBox  
    };
    let zTreeNodes=demo();
    $.fn.zTree.init($("#tree"), setting, zTreeNodes);

});
function demo() {
    $ajax({
        type: "",
        url: "",
        data: {},
        success: function (res) {
            let znodes = [];
            if (res.success) {
                for (let i = 0; i < res.data.length; i++) {
                    znodes[i] = {
                        id: res.data.id,
                        pId: res.data.pId,
                        name: res.dada.itemName
                    }
                }
            } else {
                alert("请求失败，请重试！")
                return
            }
        }
    })
}