ztree中如何通过点击节点文字就可以选中节点前的选择框,并且父级和子级之间进行选择联动?

时间:2022-04-06 23:52:17

配置信息如下:

var UsersTreeSetting = {
check : {
enable : true,
chkboxType : {
"Y" : "ps",
"N" : "ps"
}
},
view : {
dblClickExpand : false,
selectedMulti: false
},
data : {
simpleData : {
enable : true
}
},
callback : {
beforeClick : function(treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj("add-user-modal-users-tree");
zTree.checkNode(treeNode, !treeNode.checked, true, true);
return true;
},
onCheck : function(e, treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj("add-user-modal-users-tree"),
nodes = zTree.getCheckedNodes(true),
v = "";
chosenUsersIds = [];
for (var i = 0, l = nodes.length; i < l; i++) {
if (nodes[i].isParent) { } else {
//v += nodes[i].name + ",";//只获取最末端节点的值
chosenUsersIds.push(nodes[i].id);
}
}
if(chosenUsersIds.length == 0){
toastr.info("当前选择的用户数为0哦!", "信息提示");
}
// if (v.length >= 0){
// v = v.substring(0, v.length - 1);
// $("#add-user-modal-users").val(v).change();
// console.log(v);
// }
}
}
};

其中的chkboxType配置和beforeClick事件后的函数是关键。