ztree的创建和勾选

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_33824312/article/details/83107055

  <div id="div_tree" class="people_list mt10" style="width:100%;overflow:auto;">
				        <ul id="mytree"  class="ztree"></ul>
             </div>

//ztree的setting配置
var setting={
		async:{
			enable: true,
			url: treeUrl,
			autoParam: ["id"]
		},
		check : {
			enable: true,
			autoCheckTrigger: false,
			chkboxType: { "Y": "", "N": "" },
			chkStyle: "checkbox"
		},
		view:{
			showLine:true
		},
		data : {
			simpleData : {
				enable: true,
				idKey: "id",
				pIdKey: "pId",
				rootPId: null
			}
		},
		callback : {
			onCheck :onCheckTree,
			onAsyncSuccess: defultSelect
		}
};

//初始化这课树
$.fn.zTree.init($("#mytree"), setting);

//ztree根据id选中
function defultSelect() {
    var selPersonCode = "${selPersonCode}";

    var callbackPersonIds = selPersonCode.split(",");

    let treeObj = $.fn.zTree.getZTreeObj("mytree");
    let allNodes = treeObj.transformToArray(treeObj.getNodes());

    allNodes.forEach(function (item) {
        if (!item.isParent) {
            callbackPersonIds.forEach(function (p) {
                if (item.code == p) {
                    treeObj.checkNode(item, true, true);
                    setCheck(item, item.checked);
                }
            });

        }
    });
}