前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >easyUI tree点击文字展开节点

easyUI tree点击文字展开节点

作者头像
西门呀在吹雪
发布2020-11-09 10:17:33
1.4K0
发布2020-11-09 10:17:33
举报
文章被收录于专栏:架构之巅

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

在onSelect事件中添加

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

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

如果要展开所有节点:

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

代码语言:javascript
复制
	$(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);
			},
		});
	});
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2013/10/24 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档