ztree指定节点 设置复选框
首先,需引入ztree的js文件
<script src="../../assets/ztree/js/jquery.ztree.core-3.5.min.js"></script>
<script src="../../assets/ztree/js/jquery.ztree.excheck-3.5.min.js"></script>
在请求接口成功的情况下初始化:
$.fn.zTree.init($("#tree"), Setting, data);
第一个参数为插件固定的ID,setting为树的相关配置比如(添加复选框,是否多选,相关回调),data为后台返回的ztree数据。
setting设置:
var Setting = {
data: {
//这里不动
simpleData: {
enable: true,
idKey: "id",
pidKey: "pId",
rootPid: '-1'
}
},
check: {
enable: true, //这里设置是否显示复选框
chkboxType: {
"Y": "", "N": "" } //设置复选框是否与 父/子 级相关联
},
view: {
showIcon: false //禁止多选
},
callback: {
onCheck: zTreeOnCheck, //点击复选框相关回调(回调名称固定)
beforeCheck : function(treeId, treeNode) {
//选择复选框前相关回调
if (treeNode.isParent) {
if(treeNode.myAttr !== "1"){
//判断是否是需要显示复选框的节点
treeNode.nocheck = true; //设置复选框不显示
}
return false;
}
}
}
};
在初始化的时候就设置除了指定节点需要复选框,其他不显示复选框
var zTree = $.fn.zTree