首页 > 代码库 > 在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实现点击有子节点的文字时展开但不选中,点击最终子节点才选中的功能