首页 > 代码库 > 在EasyUI实现点击有子节点的文字时展开但不选中,点击最终子节点才选中的功能
在EasyUI实现点击有子节点的文字时展开但不选中,点击最终子节点才选中的功能
最近做的项目中,总是会遇到需要实现点击树目录的有子节点时展开目录,点击最终子节点才实现选中的功能的需求。下边我就直接黏贴一下代码出来吧,非常容易看懂,关键的就是在选中事件中加一个判断。
$(‘#RepairTID‘).combotree({
url: ‘/RepairSub/GetRepTypeZ/?userRole=5‘,
required: true,
panelHeight: ‘auto‘,
onl oadSuccess: 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实现点击有子节点的文字时展开但不选中,点击最终子节点才选中的功能