文档章节

easyUI tree点击文字展开节点

深圳大道
 深圳大道
发布于 2016/12/29 15:38
字数 239
阅读 1
收藏 0

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';
}


本文转载自:http://blog.csdn.net/smartsmile2012/article/details/42804187

深圳大道
粉丝 3
博文 877
码字总数 0
作品 0
深圳
架构师
私信 提问
EasyUI的combotree设置值问题

如图,用EasyUI的combotree做了个树形下拉框。是异步的。点父节点加载子节点。取值的时候没有问题。 问题在下面 就是往表单里设置值的时候,如果值是根节点的,能正常显示文字,如果是子节点...

雨花石
2014/09/04
6.7K
1
easyui tree异步加载

easyui tree的异步加载实现很简单,easyui的中文API文档中有实例(http://api.btboys.com/easyui/)——创建异步树形菜单,就是在tree node 元素中要有一个id属性,同时还需要state的属性(s...

菠萝啊哈哈
2013/04/11
3.3K
0
关于EasyUI使用tree方法生成树形结构加载两次的问题

html代码中利用class声明了easyui-tree,导致easyUI解析class代码的时候先解析class声明中的easyui-tree这样组件就请求了一次url;然后又调用js初始化代码请求一次url。这样导致了重复加载,解...

Doublec
2015/04/21
4K
0
jQuery-EasyUI 1.2.3 发布

Current Version: 1.2.3 ChangeLog: Bug window: Cannot resize the window with iframe content. fixed. tree: The node will be removed when dragging to its child. fixed. combogrid: T......

ejzhang
2011/04/26
6.2K
3
EasyUI的功能树之异步树

最近几个项目都用到了EasyUI这个Jquery框架,目前感觉起来还是很好使的,展示效果很好,帮助文档什么的资料很多,而且互联网上Easy粉很多,大多数拥护和喜爱EasyUI的粉丝们都愿意在网络平台互...

易水寒丶开源
2015/11/17
260
1

没有更多内容

加载失败,请刷新页面

加载更多

02.日志系统:一条SQL更新语句是如何执行的?

我们还是从一个表的一条更新语句说起,我们创建下面一张表: create table T(ID int primary key, c int); 如果要将ID=2这一行c的值加1,SQL可以这么写: update T set c=c+1 where ID=2; 前...

scgaopan
今天
9
0
【五分钟系列】掌握vscode调试技巧

调试前端js 准备一个前端项目 index.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1......

aoping
今天
8
0
PhotoShop 高级应用:USM锐化/S锐化/防抖

、 高反差锐化+混合模式:叠加模式 【将更多的边缘细节添加到图像中】

东方墨天
今天
9
0
Python数据可视化之matplotlib

常用模块导入 import numpy as npimport matplotlibimport matplotlib.mlab as mlabimport matplotlib.pyplot as pltimport matplotlib.font_manager as fmfrom mpl_toolkits.mplot3d i......

松鼠大帝
昨天
7
0
我用Bash编写了一个扫雷游戏

我在编程教学方面不是专家,但当我想更好掌握某一样东西时,会试着找出让自己乐在其中的方法。比方说,当我想在 shell 编程方面更进一步时,我决定用 Bash 编写一个扫雷游戏来加以练习。 我在...

老孟的Linux私房菜
昨天
15
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部