Extjs4中tree组件子节点和父节点的级联操作

原创 2013年12月05日 09:52:41
方式一:
				checkchange:function(node,checked,options){
					//遍历孩子,递归实现找到所有孩子节点
					var allChild=function(node,flag){
						node.eachChild(function(n){
							n.data.checked = flag;
							n.updateInfo({checked:flag});
							if(n.hasChildNodes())//胖墩是否有子节点
								{
									n.expand();
									allChild(n,flag);
								}
						});
					};
					//递归实现找到所有父亲节点,并改为选中状态
					var allParent=function(node,flag)
					{
						node.data.checked=flag;
						node.updateInfo({checked:flag});
						if(node.parentNode!=null)
						{
							allParent(node.parentNode,flag);
						}
					};
					//递归实现找到所有父亲节点,并改为未选中状态
					var allParentUnchecked=function(node,flag){
						var i=0;
						node.eachChild(function(n){
							
							if(n.data.checked)
							{
									i=1;
							}
						});
						if(i==0)
						{
							node.data.checked=flag;
							node.updateInfo({checked:flag});
						}
						if(node.parentNode!=null)
						{
							allParentUnchecked(node.parentNode,flag);
						}
					};
					if(node.data.leaf == false){//如果不是叶子节点
						if(checked){
						//打开节点
							node.expand();
							allChild(node,true);
							if(node.parentNode!=null)
								{
								allParentUnchecked(node.parentNode,true);
								}
							
						}else{
							node.expand();
							allChild(node,false);
						}
					}else{				//是叶子节点
						if(checked){//如果选中					
							allParent(node.parentNode,true);
						}
						else
						{
							allParentUnchecked(node.parentNode,false);
						}
					}
				}
			}



方式二:

				checkchange:function(node,checked,eOpts){
					node.expand(true);
					//递归选中父节点
					var eachParent = function(node,checked){
                            if(!node.isRoot() && checked == true){
                                if(!Ext.isEmpty(node.get('checked'))){
                                    node.set('checked',checked);
                                    node.commit();
                                }
                                eachParent(node.parentNode,checked);
                            }
                            else if(!node.isRoot())
                            {
                            	if(!Ext.isEmpty(node.get('checked'))){
                            		var flag=false;
                            		node.eachChild(function(n){
                            			if(n.get("checked")){
                            				flag=true;
                            			}
                            		});
                            		if(!flag){
    	                            	node.set('checked',checked);
    	                            	node.commit();
    	                            	eachParent(node.parentNode,checked);
                            		}
                            	}
                           	}

                        };
                      eachParent(node.parentNode,checked);
                      //递归选中孩子节点
                      var eachChild = function(node,checked){
                        node.eachChild(function(n){
                            if(!Ext.isEmpty(n.get('checked'))){
                                n.set('checked',checked);
                                n.commit();
                            }
                            eachChild(n,checked);
                        });
                    	};
                    	eachChild(node,checked);
				}


JS获取子节点、父节点和兄弟节点的若干种方式

一、js获取子节点的方式1.通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名字。getElementsByTagName是一个方法。返回的是一个数组。在访问的时候要按数组...
  • laok_
  • laok_
  • 2017年07月22日 16:50
  • 4030

ext的树节点操作常用属性

ext 树节点的一些常用操作 1、全部展开 tree.expandAll(); 2、全部收缩 tree.collapseAll(); 3、得到父节点 node.parentN...
  • LDBZXD
  • LDBZXD
  • 2016年03月17日 16:21
  • 2582

ExtJs3.4 TreePanel级联勾选节点并实现父节点节点半选

/** * extjs级联勾选树节点 * .complete .x-tree-node-anchor span{text-decoration: line-through; color: #7...
  • makinglove0231
  • makinglove0231
  • 2014年04月18日 17:24
  • 1456

Extjs4 选中父节点 自己节点全部选中

var tree = Ext.create('Ext.tree.Panel', { store : store, rootVisible : true, useAr...
  • jiangzeyun
  • jiangzeyun
  • 2014年01月17日 21:31
  • 1801

Extjs中的tree节点的操作

ext 树节点操作   tree :树    node:节点 1、全部展开 tree.expandAll(); 2、全部收缩 tree.collapseAll(); ...
  • masterShaw
  • masterShaw
  • 2016年05月09日 16:59
  • 5447

Extjs4中tree组件查找所有父节点和查找所有子节点的递归方法

/*******************子节点和父节点级联操作************************/ 'giveRightToRole treepanel':{ checkc...
  • jcy472578
  • jcy472578
  • 2013年12月06日 14:35
  • 2250

Extjs tree节点的点击事件

Extjs tree节点的点击事件 [问题点数:80分,结帖人Q11253217]             不显示删除回复           显示所有回复            显示星级回...
  • evilcry2012
  • evilcry2012
  • 2016年07月12日 13:01
  • 801

jQuery EasyUI使用教程之加载父/子节点到树中

通常表示一个树节点的方式就是在每一个节点存储一个parentid,这个也被称为邻接列表模型。直接加载这些数据到树中是不允许的。但是我们可以在加载树形菜单之前,把它转换为标准的树形数据格式。树插件提供一...
  • AABBbaby
  • AABBbaby
  • 2016年07月07日 09:54
  • 858

ExtJs 4.x 学习小记:动态添加节点到Ext.tree.Panel

实现:页面中有一个表单,输入分类名称,保存成功后,左侧目录树上添加一个新的节点。 jsp代码 ,"././js/cataloginfo.js"为Ext创建表单的脚本 ...
  • bdmh
  • bdmh
  • 2014年03月24日 14:28
  • 9147

java实现树的添加和取父节点,子节点;聚合树,实现选项菜单功能

package com.kane.test; import java.util.ArrayList; import java.util.List; public class Tree { pr...
  • u010026901
  • u010026901
  • 2014年03月22日 20:32
  • 1475
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Extjs4中tree组件子节点和父节点的级联操作
举报原因:
原因补充:

(最多只允许输入30个字)