$(function() { var url = ctx + "jcy/ssqx/roleMenuTreeData?xqdid=" + $("#xqdid").val(); var options = { id: "menuTrees2", url: url, check: { enable: true,chkboxType: {"Y": "", "N": ""} }, expandLevel: 0 }; $.tree3.init(options); }); 如何加上 notAllowParents 方法 封装好的框架中有这个方法// 不允许根父节点选择 notAllowParents: function (_tree) { var nodes = _tree.getSelectedNodes(); if (nodes.length == 0) { $.modal.msgError("请选择节点后提交"); return false; } for (var i = 0; i < nodes.length; i++) { if (nodes[i].level == 0) { $.modal.msgError("不能选择根节点(" + nodes[i].name + ")"); return false; } if (nodes[i].isParent) { $.modal.msgError("不能选择父节点(" + nodes[i].name + ")"); return false; } } return true; }。 让ztree不可以选择父节点
时间: 2024-03-19 16:44:58 浏览: 65
您可以在原有的代码基础上,添加以下内容来调用 `notAllowParents` 方法,实现不允许选择父节点:
1. 在初始化树形菜单时,添加以下参数:
```
check: {
enable: true,
chkboxType: {"Y": "", "N": ""},
chkStyle: "checkbox",
autoCheckTrigger: false
},
```
其中,`chkStyle: "checkbox"` 表示使用复选框风格,`autoCheckTrigger: false` 表示不自动勾选父节点。
2. 在初始化树形菜单后,调用 `notAllowParents` 方法进行校验:
```
var treeObj = $.fn.zTree.getZTreeObj("menuTrees2");
treeObj.setting.callback.beforeCheck = function (treeId, treeNode) {
if (treeNode.level == 0) {
$.modal.msgError("不能选择根节点(" + treeNode.name + ")");
return false;
}
if (treeNode.isParent) {
$.modal.msgError("不能选择父节点(" + treeNode.name + ")");
return false;
}
return true;
};
```
完整代码如下:
```
$(function() {
var url = ctx + "jcy/ssqx/roleMenuTreeData?xqdid=" + $("#xqdid").val();
var options = {
id: "menuTrees2",
url: url,
check: {
enable: true,
chkboxType: {"Y": "", "N": ""},
chkStyle: "checkbox",
autoCheckTrigger: false
},
expandLevel: 0
};
$.tree3.init(options);
// 不允许根父节点选择
var treeObj = $.fn.zTree.getZTreeObj("menuTrees2");
treeObj.setting.callback.beforeCheck = function (treeId, treeNode) {
if (treeNode.level == 0) {
$.modal.msgError("不能选择根节点(" + treeNode.name + ")");
return false;
}
if (treeNode.isParent) {
$.modal.msgError("不能选择父节点(" + treeNode.name + ")");
return false;
}
return true;
};
});
```
阅读全文