(转)EasyUI组件tree只展开根节点下的一级子节点或二级子节点
来源:互联网 发布:华谊兄弟实景娱乐 知乎 编辑:程序博客网 时间:2024/06/05 15:41
Easyui Tree插件获取子节点的时候用的getChildren方法,但是这个方法获取到的节点却是级联获取了子节点下的子节点,但是在有些时候,我们并不希望他返回这么多。我们只想获取目标节点的一级子节点,那么就我们就需要扩展我们自己的方法了。
这里我扩展了这个方法(getLeafChildren):
具体的用法和getChildren方法是一样的,只是这个只返回目标节点的第一级子节点。
例把省市县下拉列表展开到市级:
最后一块是我自己的代码
这里我扩展了这个方法(getLeafChildren):
$.extend($.fn.tree.methods,{ getLeafChildren:function(jq, params){ var nodes = []; $(params).next().children().children("div.tree-node").each(function(){ nodes.push($(jq[0]).tree('getNode',this)); }); return nodes; } });
具体的用法和getChildren方法是一样的,只是这个只返回目标节点的第一级子节点。
例把省市县下拉列表展开到市级:
function expandNode(){ var combotree_org=$('#admin_elecmg_activity_plan_orgNo').combotree('tree'); combotree_org.tree('collapseAll');//折叠所有节点 /**方法一:根据省id展开**/// var root=combotree_org.tree('getRoot');//获取根节点// combotree_org.tree('expand', root.target);//展开根节点// var node = combotree_org.tree('find', 41101);//找到获取国网河南省电力公司// combotree_org.tree('expand', node.target);//展开国网河南省电力公司 /**方法二:由根开始遍历一级一级的展开,展开到市级**/ var roots=combotree_org.tree('getRoots'),children=null,i,j; for(i=0;i<roots.length;i++){ combotree_org.tree('expand', roots[i].target); children=combotree_org.tree('getLeafChildren',roots[i].target); for(j=0;j<children.length;j++){ combotree_org.tree('expand', children[j].target); } alert(children.length); } /**展开到县级**/// var roots=combotree_org.tree('getRoots'),children=null,children2=null,i,j,k;// for(i=0;i<roots.length;i++){// combotree_org.tree('expand', roots[i].target);// children=combotree_org.tree('getLeafChildren',roots[i].target);// for(j=0;j<children.length;j++){// combotree_org.tree('expand', children[j].target);// children2=combotree_org.tree('getLeafChildren',children[j].target);// for(k=0;k<children2.length;k++){// combotree_org.tree('expand', children2[k].target);// }// }// } }
我所需需要的是将菜单打开到三级子节点,代码如下
var root = $menu.tree("getRoot");// $menu.tree("expandAll", root.target); var childrenNodes=$menu.tree('getLeafChildren',root.target); for ( var i = 0 ; i < childrenNodes.length ; i++ ){var grandChendrenNodes=$menu.tree('getLeafChildren',childrenNodes[i].target);for ( var j = 0 ; j < grandChendrenNodes.length ; j++ ){$menu.tree('expandTo',grandChendrenNodes[j].target);}}
最后一块是我自己的代码
阅读全文
0 0
- (转)EasyUI组件tree只展开根节点下的一级子节点或二级子节点
- easyUI,tree,获取一级子节点
- Tree组件使用指南之五:点击树节点文字展开或收缩其子节点
- easyui _tree的一级子节点节点添加
- Easyui tree扩展tree方法获取一级子节点
- Easyui tree扩展tree方法获取一级子节点
- EasyUI tree子节点的遍历
- easyui tree获取子节点的父节点
- Ztree 展开某节点下的所有的子节点
- CTreeCtrl展开、收起子节点下所有的节点
- CTreeCtrl展开、收起子节点下所有的节点
- CTreeCtrl展开、收起子节点下所有的节点
- EasyUI tree 选中父节点子节点全部选中,选中子节点父节点不选中
- easyui tree 多级节点的的某个节点的所有子节点id查询
- flex tree的展开,关闭,添加、删除子节点
- easyui tree为什么不能选中子节点
- easyui-tree.动态展开节点
- easyui tree 子节点选中时,父节点也选中
- TP乱跳原因总结
- 织梦手机站站内搜索
- 读书笔记 ▏ggplot2数据分析与图形艺术Ch.1-2
- leafLet之API翻译
- HTML5 Canvas绘制多个图形时,点击图形实现页面跳转
- (转)EasyUI组件tree只展开根节点下的一级子节点或二级子节点
- maybeCommit
- C++ Prime Plus第六版--第三章复习题
- express不是内部或外部命令,也不是可运行的程序或批处理文件
- 初学redis
- background-position
- 高校实验室安全应急处置VR仿真系统
- 关于Response出现中文乱码的解决方案
- 最近在研究图片的处理,发现该博主写的不错,包括截图,图片保存等