在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");
            }
        }
    });

时间: 2024-10-08 10:13:31

在EasyUI实现点击有子节点的文字时展开但不选中,点击最终子节点才选中的功能的相关文章

【JSTREE】动态加载子节点

js中初始化jstree $('#contact-org').jstree({ "data" : { "dataType": 'json', "url":function(node){ return ctxPath + "/v-contact?queryOrg"; }, "data":function(node){ return {"id" : node.id}; } } } } 返回的

javascript读取xm子节点,无刷新例子(javascript,xml,php)

下面这个javascript 函数是用来做无刷新判断用户名和密码是否正确 <script language= "javascript"> function login_sussess(){ var flag = false; var user,psw; user = form1.user.value; psw =form1.psw.value; coder = form1.coder.value; form1.submit2.disabled ="false&qu

jquery 取子节点及当前节点属性值

分享下jquery取子节点及当前节点属性值的方法. <li class="menulink"><a href="#" rel="external nofollow" id="101" onclick="changeMenu('101','资料管理','#' )"><span>资料管理</span></a></li>取子节点:$(&quo

javasript 的DOM 节点操作:创建,插入,删除,复制以及查找节点

DOM 含义: DOM 是文档对象模型(Document Object Model) 是一种基于浏览器编程的一套API 接口,我W3C 出台推荐的标准.其赋予了JS 操作节点的能力,当网页被加载时,浏览器就会创建页面的文档对象模型. 节点: 根据W3C的HTML DOM 标准,HTML 文档中的所有内容都是节点. 1. 整个文档是一个文档节点 2. 每个HTML元素是元素节点 3. HTML元素内的文本是文本节点 4.每个HTML属性都是属性节点 5.每个注释都是注释节点 所以HTML DOM

EasyUI treegrid 实现点击父节点加载子节点

今天在项目中遇到问题,要实现 EasyUI   treegrid 实现点击父节点加载子节点 第一反应是去百度一下,谷歌一下,发现网上的回答不是懒加载就是在onBeforeExpand调用append方法 我决定使用第二种方法,定义treegrid的onBeforeExpand方法,在里面调用appen方法. 然而当我兴冲冲的运行的时候,出问题了, Firefox出现too much recursion异常提示 在网上看了一下这个问题的出现原因,大家都说是,非法使用了js关键字,可是我看了几遍代码

TreeView 点击触发父节点、子节点的连锁反应选中与取消

TreeView 通常和CheckBoxs一起使用,涉及到选中与取消时,连锁翻译触发父节点.子节点的选中与取消. 只供个人今后学习使用,如有涉及到相同,为个人转载,请告知博主. 当我选择一个父节点,希望该父节点下所有的子节点都被选中,取消一个节点,希望他所有的父节点都取消,例如  代码如下所示 //取消节点选中状态之后,取消所有父节点的选中状态 private void setParentNodeCheckedState(TreeNode currNode, bool state) { Tree

insertBefore()指定的已有子节点之前插入新的子节点

定义: insertBefore() 方法在您指定的已有子节点之前插入新的子节点. 语法: 父级.insertBefore(新的子节点,指定的已有子节点) 实例: <input id="txt1" type="text"/> <input id="btn1" type="button" value="创建li"/> <ul id="ul1"> <

jQuery之防止冒泡事件,冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。

冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件. 下面是html代码部分: <body> <div id="content"> 外层div元素 <span>内层span元素</span> 外层div元素 </div> <div id="msg"></div> </body> 对应的jQuery代码如下: <script type="text/

Ztree _ 横向显示子节点、点击文字勾选、去除指定元素input的勾选状态

前些天项目需要树结构表现数据,需求ztree就能满足所以直接使用ztree只是踩了些小坑... 1.ztree子节点横向显示(下图): 效果说明:第三级子节点按需求横向显示其他竖向显示,每行最多显示5个(修改位置在zTreeStyle.css里面哦,在外面设置不上的,页面也获取不到想要设置样式的节点...如果你能还望赐教)代码如下: 1 .ztree>li>ul>li>ul>li>ul{overflow:hidden;} 2 .ztree>li>ul>