easyUI tree点击文字展开节点
2016-12-29 00:00
357 查看
easyUI默认展开树的时候,点击节点前边的黑色小三角 ,这样操作存在不人性化的地方,在实际使用中由于老旧电脑的存在和大龄使用者的眼花经常点不准;因此要实现点击节点名称展开的方式,其实就是在展开事件上加一个展开该节点的方法。
在onSelect事件中添加
$(this).tree('expand',node.target);
当选中该节点的时候,展开该节点下的节点,该方法只会展开下一级节点,并不会展开子节点下的节点。
如果要展开所有节点:
$(this).tree('expandAll',node.target);
在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'; }
相关文章推荐
- easyUI tree点击文字展开节点
- easyUI tree点击文字展开节点
- easyui tree 点击文字展开节点
- easyUI tree点击文字展开节点
- easyUI tree点击文字展开节点
- Tree组件使用指南之五:点击树节点文字展开或收缩其子节点
- asyUI tree点击文字展开节点
- asp.net TreeView中点击父节点的文字,展开子节点
- vs2005 TreeView控件 根节点点击文字即展开
- easyui 点击文字展开和收缩节点
- 关于treeview控件怎样点击根节点的文字即可展开/收缩子节点【搜藏】
- JQuery实现点击TreeView文本展开/折叠子节点
- 把zTree前的展开收起图标改为三角形,且只有在点击三角形图标时才展开子节点解决方案
- C# API 应用(跨进程控制别的窗体的TreeView节点的展开与点击)
- TreeView点击之后保持点击节点的方法 (展开后刷新仍保持展开状态的方法)
- jQuery插件treeview点击节点名称不展开、收缩节点 分类: JavaScript 2014-06-16 20:28 539人阅读 评论(0) 收藏
- jQuery插件treeview点击节点名称不展开、收缩节点 分类: JavaScript 2014-06-16 20:28 540人阅读 评论(0) 收藏
- jquery实现点击查看更多内容控制段落文字展开折叠效果
- .NET 树控件点击节点名称直接展开节点而不是只能通过点击小加号展开
- easyui tree文本单击事件切换展开/折叠节点的状态