日期:2014-05-16  浏览次数:20406 次

Extjs4---鼠标右键事件

在Extjs4中鼠标的右键相应事件为

itemcontextmenuExt.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());//让右键菜单跟随鼠标位置
		        }
		    }