关闭

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

标签: extjs4遍历tree 级联
1546人阅读 评论(0) 收藏 举报
分类:
方式一:
				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);
				}


3
0

猜你在找
【直播】机器学习&数据挖掘7周实训--韦玮
【套餐】系统集成项目管理工程师顺利通关--徐朋
【直播】3小时掌握Docker最佳实战-徐西宁
【套餐】机器学习系列套餐(算法+实战)--唐宇迪
【直播】计算机视觉原理及实战--屈教授
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之矩阵--黄博士
【套餐】微信订阅号+服务号Java版 v2.0--翟东平
【直播】机器学习之凸优化--马博士
【套餐】Javascript 设计模式实战--曾亮
查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:154067次
    • 积分:2685
    • 等级:
    • 排名:第13420名
    • 原创:90篇
    • 转载:83篇
    • 译文:0篇
    • 评论:16条
    博客专栏
    最新评论