Easyui Tree插件获取子节点的时候用的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); // } // } // } }
相关推荐
对easyui tree扁平化扩展,不用再为children嵌套结构烦恼,使用版本1.4.2
主要介绍了Easyui Tree获取当前选择节点的所有顶级父节点,以及easyUI Tree显示选中节点的所有父节点的实现代码,需要的朋友可以参考下
easyui tree 改进版 ,支持复选框选择
//设置一个标志位,在整棵树加载完成后就将标志位设置为false,不允许勾选checkbox了,在加载数据完成之前是可以勾选的,用来在数据中设置勾选了哪些节点 //这样就可以实现读取url数据时是可以设置勾选了哪些节点,在...
easyui tree 三帧界面,右面动态显示图片和批注信息
jquery-easyui-tree学习 详情请看:http://blog.csdn.net/wild46cat/article/details/52763256
easyui tree使用方式,詳細解釋其中使用方式。
jqrery easyui tree 扩展扁平化数据生成树目录;注意:在引入jquery.js之后
完整的jquery easyui tree 树形列表节点异步加载demo,比官方demo详细得多。是前后台交互的web应用。
扩展jQuery EasyUI tree搜索树节点的方法,使其支持节点名称的模糊匹配,将不匹配的节点隐藏。 /** * 1)扩展jquery easyui tree的节点检索方法。使用方法如下: * $("#treeId").tree("search", searchText); * ...
简单的easyui tree 例子 。。。
本篇文章主要介绍解析jquery easyui tree异步加载子节点问题,easyui中的树可以从标记中建立,也可以通过指定一个URL属性读取数据建立,有兴趣的可以了解一下。
easyui tree 例子
JqueryEasyUI Tree 动态加载,稍作修改就可以用了,希望对有需要的人有帮助
内含数据库 及存储过程 主要以easyUI+JQuery+Ajax 实现后台数据交互的tree 及DataGrid 希望能帮到你的学习!
EasyUI Tree Combotree 的模糊所搜
easyui Tree系统管理 实现树状图
easyui 生成简单的树,是一个学习的例子。
EasyUI-Tree节点操作示例,适用于大众,内含数据库打开直接用
easyUI tree增删改操作以及easyUI window分类的