Extjs4---마우스 오른쪽 버튼 이벤트

Extjs4에서 마우스 오른쪽 버튼으로 해당 이벤트는
itemcontextmenu( Ext.view.View this, Ext.data.Model record, HTMLElement item, Number index, Ext.EventObject e, Object eOpts )
사용 시 listeners에 직접 추가하면 됩니다.
listeners:{
		    	'itemcontextmenu':function(view,record,item,index,e,eOpts){
		    		// 
		    		e.preventDefault();
                    e.stopEvent();
                    
                    var menu = new Ext.menu.Menu({
                    	// 
     				   	float:true,
     				     items:[{
	     				    	text:" ",
	       				      	iconCls:'leaf',
	       				      	handler:function(){
	       				      		// 
	       				      		this.up("menu").hide();
	       				      		alert(record.raw.name);
	       				      	}
     				     	},{
     				     		text:" ",
	       				      	iconCls:'leaf',
	       				      	handler:function(){
	       				      		this.up("menu").hide();
	       				      		alert(" ");
	       				      	}
     				     	},{
     				     		text:" ",
	       				      	iconCls:'leaf',
	       				      	handler:function(){
	       				      		this.up("menu").hide();
	       				      		alert(" ");
	       				      	}
     				     	}
     				     ]
                    }).showAt(e.getXY());// 
		        }
		    }

좋은 웹페이지 즐겨찾기