Ztree点击节点选中复选框的相关操作
Ztree点击节点选中复选框的相关操作
1 function initTree() { 2 $('#departmentTree').ysTree({ 3 url: '@Url.Content("~/OrganizationManage/Department/GetDepartmentTreeListJson")', 4 async: true, 5 expandLevel: 2, 6 maxHeight: "700px", 7 check: { 8 enable: true,//表示是否显示复选框 9 chkboxType:{"Y" : "s", "N" : "s" }//Y:勾选后的情况;N:取消勾选后的情况;p:父节点联动;s:子节点联动;"ps"父子节点都联动;""父子节点都不联动,只选中本节点 10 }, 11 callback: { 12 onClick: onClick, 13 } 14 }); 15 } 16 function onClick(e,treeId,treeNode) { 17 var zTree = $.fn.zTree.getZTreeObj("departmentTree"); 18 zTree.checkNode(treeNode, !treeNode.checked, true, true);//第三个参数表示是否按照chkboxType的方式联动 19 return true; 20 } 21 function getZtreeIds() { 22 var ids = $('#departmentTree').ysTree("getCheckedNodes");//取选中节点的id值,多个id用逗号“,”隔开 23 $('#departmentId').val(ids); 24 }