Extjs4---鼠标右键事件

最新推荐文章于 2021-03-20 15:53:06 发布

小姐你喜不喜欢吃青椒

最新推荐文章于 2021-03-20 15:53:06 发布

阅读量9.5k

点赞数 2

分类专栏： extjs4 文章标签： extjs function menu 浏览器 float

本文链接：https://blog.csdn.net/lc448986375/article/details/8085954

版权

extjs4 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

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