在EasyUI实现点击有子节点的文字时展开但不选中,点击最终子节点才选中的功能
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在EasyUI实现点击有子节点的文字时展开但不选中,点击最终子节点才选中的功能相关的知识,希望对你有一定的参考价值。
最近做的项目中,总是会遇到需要实现点击树目录的有子节点时展开目录,点击最终子节点才实现选中的功能的需求。下边我就直接黏贴一下代码出来吧,非常容易看懂,关键的就是在选中事件中加一个判断。
$(‘#RepairTID‘).combotree({
url: ‘/RepairSub/GetRepTypeZ/?userRole=5‘,
required: true,
panelHeight: ‘auto‘,
onLoadSuccess: function (node, data) {
if (data != null) {
//加载时全部展开
$(‘#RepairTID‘).combotree(‘tree‘).tree("collapseAll");
//设置默认选中项
$(‘#RepairTID‘).combotree(‘setValue‘, { id: 0 });
}
},
onSelect: function (node) {
var tree = $(this).tree;
//选中的节点是否为叶子节点,如果不是叶子节点,清除选中
$(this).tree(node.state === ‘closed‘ ? ‘expand‘ : ‘collapse‘, node.target);
var isLeaf = tree(‘isLeaf‘, node.target);
if (!isLeaf) {
//清除选中
//$(‘#Rep_AreaID‘).combotree(‘clear‘);
$("#RepairTID").tree("unselect");
}
}
});
以上是关于在EasyUI实现点击有子节点的文字时展开但不选中,点击最终子节点才选中的功能的主要内容,如果未能解决你的问题,请参考以下文章
easyui中combotree只能选子选项,父级不被选中,并且展开