1. 程式人生 > >Extjs在樹上加右鍵菜單--2019-04-15

Extjs在樹上加右鍵菜單--2019-04-15

event ont list src rip hand .com row .sh

效果圖如下:

技術分享圖片

使用規則:將監聽加到按鈕或樹上,監聽代碼如下。

代碼如下:

 listeners : { 
	//節點單擊事件  
	‘rowcontextmenu‘ : function(view, record, item, index, e) {
    	 e.preventDefault(); 
    	 var treeRightMenu = new Ext.menu.Menu({
    	        items:[{
	                text:‘查看‘,
	                iconCls:‘bogus‘,
	                menu:[
	                    {
	                        id:‘veiwNode‘,
	                        text:‘詳情‘,
	                        iconCls:‘view‘
	                    },‘-‘,{
	                        id:‘veiwUser‘,
	                        text:‘用戶組‘,
	                        iconCls:‘un_connected_user‘
	                    }
	                ]
	            },{
                	text:‘添加‘,
                	iconCls:‘add‘,
                	handler:function(){ 
                        this.up("menu").hide(); 
                        alert(‘添加‘);
                    }
	            },{
	                text:‘修改‘,
	                iconCls:‘edit‘,
	                handler:function(){ 
                        this.up("menu").hide(); 
                        var sid=record.get(‘id‘);
					    alert(‘修改‘);
                    }
	            },{
	                text:‘刪除‘,
	                iconCls:‘remove‘,
	                handler:function(){ 
                        this.up("menu").hide(); 
                        var sid=record.get(‘id‘);
						alert(‘刪除‘);
                    }
	            }]
			}).showAt(e.getXY());
     },
     scope : this, 
     ‘itemclick‘ : function(view, record, item, index, e) {
    	 var id=record.get(‘id‘);
    	 alert(‘點擊左鍵‘);
     },
     scope : this
 }

  

Extjs在樹上加右鍵菜單--2019-04-15