Extjs4 grid 鼠标响应事件
原文出处:http://blog.csdn.net/zhangzhida163/article/details/7225005
itemclick(Ext.view.View this, Ext.data.Model record, HTMLElement item, Number index, Ext.EventObject e ) //鼠标的单击事件
itemcontextmenu(Ext.view.View this, Ext.data.Model record, HTMLElement item, Number index, Ext.EventObject e ) //鼠标的右键事件
itemdblclick(Ext.view.View this, Ext.data.Model record, HTMLElement item, Number index, Ext.EventObject e ) //鼠标的双击事件
itemmousedown(Ext.view.View this, Ext.data.Model record, HTMLElement item, Number index, Ext.EventObject e )
itemmouseenter(Ext.view.View this, Ext.data.Model record, HTMLElement item, Number index, Ext.EventObject e )
itemmouseleave(Ext.view.View this, Ext.data.Model record, HTMLElement item, Number index, Ext.EventObject e )
itemmouseup(Ext.view.View this, Ext.data.Model record, HTMLElement item, Number index, Ext.EventObject e )
1 listeners:{ 2 itemdblclick: function(gird,ecord,item, index, e,eOpts) { 3 outBoxdbClickGirdInfo(ecord.data.id); 4 }, 5 'itemcontextmenu':function(view,record,item,index,e,eOpts){ 6 //禁用浏览器的右键相应事件 7 e.preventDefault(); 8 e.stopEvent(); 9 10 var menu = new Ext.menu.Menu({ 11 //控制右键菜单位置 12 float:true, 13 items:[{ 14 text:"打印", 15 iconCls:'leaf', 16 handler:function(){ 17 //当点击时隐藏右键菜单 18 this.up("menu").hide(); 19 printPreview(record.data.id); 20 } 21 } 22 ] 23 }).showAt(e.getXY());//让右键菜单跟随鼠标位置 24 } 25 }