zoukankan      html  css  js  c++  java
  • easyUI tree点击文字展开节点

    easyUI默认展开树的时候,点击节点前边的黑色小三角 ,这样操作存在不人性化的地方,在实际使用中由于老旧电脑的存在和大龄使用者的眼花经常点不准;因此要实现点击节点名称展开的方式,其实就是在展开事件上加一个展开该节点的方法。

    在onSelect事件中添加

    $(this).tree('expand',node.target);

    当选中该节点的时候,展开该节点下的节点,该方法只会展开下一级节点,并不会展开子节点下的节点。

    如果要展开所有节点:

    $(this).tree('expandAll',node.target);

    $(document).ready(function(){  
        $('#dept').layout();  
        $('#deptTree').tree({  
            checkbox:false,  
            url:'loadDeptJson.action?node=-1',  
            onBeforeExpand:function(node,param){  
                $('#deptTree').tree('options').url="loadDeptJson.action?node="+node.id;  
            },  
            onSelect:function(node){  
                $('#deptContent').load("viewDepartment.action?department.id="+node.id);  
                $(this).tree('expand',node.target);  
            },  
        });  
    });  
    //双击文字实现双击展开/折叠
    onDblClick: function (node) {
    	$(this).tree(node.state === 'closed' ? 'expand' : 'collapse', node.target);
    	node.state = node.state === 'closed' ? 'open' : 'closed';
    }
    


  • 相关阅读:
    .net基础学java系列(一)视野
    技术栈
    Apollo(阿波罗)携程开源配置管理中心
    .NET 动态调用WCF
    RPC 工作原理
    ServiceStack 简单使用
    PRC 框架选择
    栈vs堆,最详细的对比
    使用SuperSocket打造逾10万长连接的Socket服务
    开源项目练习EF+jQueryUI前后端分离设计
  • 原文地址:https://www.cnblogs.com/smartsmile/p/6234147.html
Copyright © 2011-2022 走看看