• Extjs 4.2 右键菜单树节点(,选择逆,废除)


    写自己的最新版本号extjs4.2树节点的操作,记录它,可能在将来被用于。

    	var tree = new Ext.tree.TreePanel({
    		flex: 1,
    		animate: true,  
    		autoScroll: true,
    		anchor: '100% 93%',
    		store: new Ext.data.TreeStore({
    			root:{
    				expanded: true,
    				text:'A',
    				children:[{
    					expanded: true,
    					text:'1',
    					children:[{
    						text:'2',
    						icon:'sysimg/icon/image.gif',
    						leaf:true,
    						id:'1_1',
    						checked:false
    					},{
    						text:'3',
    						icon:'sysimg/icon/layout.gif',
    						leaf:true,
    						id:'1_2',
    						checked:false
    					},{
    						text:'4',
    						icon:'sysimg/icon/image_add.png',
    						leaf:true,
    						id:'1_3',
    						checked:false
    					},{
    						text:'5',
    						icon:'sysimg/icon/out.gif',
    						leaf:true,
    						id:'1_4',
    						checked:false
    					},{
    						text:'6',
    						icon:'sysimg/icon/leave.gif',
    						leaf:true,
    						id:'1_5',
    						checked:false
    					},{
    						text:'7',
    						icon:'sysimg/icon/preview_16x16.gif',
    						leaf:true,
    						id:'1_5',
    						checked:false
    					},{
    						text:'8',
    						icon:'sysimg/icon/upload.gif',
    						leaf:true,
    						id:'1_7',
    						checked:false
    					},{
    						text:'9',
    						icon:'sysimg/icon/users--exclamation.gif',
    						leaf:true,
    						id:'1_8',
    						checked:false
    					},{
    						text:'10',
    						icon:'sysimg/icon/Pixies_020.gif',
    						leaf:true,
    						id:'1_9',
    						checked:false
    					}]
    				},{
    					expanded: true,
    					text:'B',
    					children:[{
    						text:'11',
    						icon:'sysimg/icon/Pixies_023.gif',
    						leaf:true,
    						id:'2_1',
    						checked:false
    					},{
    						text:'12',
    						icon:'sysimg/icon/Pixies_017.gif',
    						leaf:true,
    						id:'2_2',
    						checked:false
    					}]
    				},{
    					expanded: true,
    					text:'C',
    					children:[{
    						text:'13',
    						icon:'sysimg/icon/users--arrow.gif',
    						leaf:true,
    						id:'3_1',
    						checked:false
    					},{
    						text:'14',
    						icon:'sysimg/icon/users.gif',
    						leaf:true,
    						id:'3_2',
    						checked:false
    					},{
    						text:'15',
    						icon:'sysimg/icon/hammer.gif',
    						leaf:true,
    						id:'3_3',
    						checked:false
    					},{
    						text:'16',
    						icon:'sysimg/icon/bandaid--arrow.gif',
    						leaf:true,
    						id:'3_4',
    						checked:false
    					},{
    						text:'17',
    						icon:'sysimg/icon/user_go.gif',
    						leaf:true,
    						id:'3_5',
    						checked:false
    					},{
    						text:'18',
    						icon:'sysimg/icon/cog.gif',
    						leaf:true,
    						id:'3_6',
    						checked:false
    					},{
    						text:'19',
    						icon:'sysimg/icon/publish.gif',
    						leaf:true,
    						id:'3_7',
    						checked:false
    					},{
    						text:'20',
    						icon:'sysimg/icon/users--exclamation.gif',
    						leaf:true,
    						id:'3_8',
    						checked:false
    					},{
    						text:'21',
    						icon:'sysimg/icon/user-black.gif',
    						leaf:true,
    						id:'3_9',
    						checked:false
    					},{
    						text:'22',
    						icon:'sysimg/icon/leaf.gif',
    						leaf:true,
    						id:'3_10',
    						checked:false
    					}]
    				}]
    			}
    		}),
    		listeners:{
    			'itemcontextmenu':function(menutree,record,items,index,e){
    				e.preventDefault();
    				e.stopEvent();
    				//推断是否为叶子结点
    				if(record.data.leaf==false){
    				var nodemenu = new Ext.menu.Menu({
    					floating:true,
    					items:[{
    						text:'全选',
    						handler:function(){
    							for( var i =0;i<record.data.children.length;++i){
    								//设置结点checked属性为true
    								record.childNodes[i].set('checked',true);	
    							}
    						}
    					},{
    						text:'反选',
    						handler:function(){
    							for( var i =0;i<record.data.children.length;++i){
    								if(record.childNodes[i].data.checked == false) {
    									//设置结点checked属性为true
    									record.childNodes[i].set('checked',true)}
    								else {
    									//设置结点checked属性为true
    									record.childNodes[i].set('checked',false);	
    								}	
    							}
    						}
    					},{
    						text:'撤销所有',
    						handler:function(){
    							for( var i =0;i<record.data.children.length;++i){
    								//设置结点checked属性为false
    								record.childNodes[i].set('checked',false);	
    							}
    						}
    					}]
    					
    				});
    				nodemenu.showAt(e.getXY());
    				}
    			}
    		}
    	});


    版权声明:本文博主原创文章,博客,未经同意不得转载。

  • 相关阅读:
    linux添加超级用户
    MongDB配置方法
    【bzoj5174】[Jsoi2013]哈利波特与死亡圣器 二分+树形dp
    【bzoj3560】DZY Loves Math V 欧拉函数
    【bzoj5157】[Tjoi2014]上升子序列 树状数组
    【uoj#317】[NOI2017]游戏 2-SAT
    【bzoj5146】有趣的概率 微积分
    【bzoj4695】最假女选手 线段树区间最值操作
    【bzoj4355】Play with sequence 线段树区间最值操作
    【loj2319】[NOIP2017]列队 Splay(卡过)
  • 原文地址:https://www.cnblogs.com/bhlsheji/p/4851115.html
Copyright © 2020-2023  润新知