Extjs4的Ext.grid.Panel的行双击事件事件

Extjs 4的Ext.grid.Panel的行双击事件(rowdblclick,itemdblclick)

Extjs 4的Ext.grid.Panel的行双击事件使用的是itemdblclick方法。itemdblclick方法的定义如:itemdblclick( this, record, item, index, e, eOpts )

Extjs 4中Ext.grid.Panel的itemdblclick方法参数说明如下:

this:Ext.view.View  
record : Ext.data.Model The record that belongs to the item
item : HTMLElement The item's element
index : Number The item's index
e : Ext.EventObject The raw event object
eOpts : Object The options object passed to Ext.util.Observable.addListener.

Extjs 4中Ext.grid.Panel的itemdblclick方法使用例子如下:

var multiSelect1=Ext.create( 'Ext.selection.CheckboxModel' );
var list_id_grid1= "list_id_grid111" ;
var pageSize1=20;
var data_list_url= "listData.do" ;
var list_reader1= "list_reader11" ;
 
var mainColumnModel1=[
{header: "门店名称" ,dataIndex: 'shopName' ,width:160}
,{header: "门店地址" ,dataIndex: 'addr' }
,{header: "门店编码" ,dataIndex: 'shopCode' ,width:70}
];
 
Ext.define(list_reader1
, {extend : 'Ext.data.Model'
,idProperty: 'shopId' ,fields:[{name: 'shopId' }
,{name: 'shopName' }
,{name: 'addr' }
,{name: 'shopCode' }]   });
 
var gridStore=Ext.create( 'Ext.data.Store' ,
{autoDestroy: true ,model : list_reader1
,proxy: {type: 'ajax' ,
url:  data_list_url,
reader: {type: 'json'
,root: 'data' ,idProperty: 'id'
,totalProperty: 'totalCount' } }
,pageSize:pageSize1,autoLoad : false    });
  gridStore.load();
 
var  list_grid1=Ext.create( 'Ext.grid.Panel' ,
{store:gridStore,id:list_id_grid1,
title: '' ,
columns:mainColumnModel1,
selModel:multiSelect1,
forceFit: true ,collapsible: false ,
loadMask: true , listeners:{
   itemdblclick: function (dataview, record, item, index, e){
        alert( "itemdblclick" );
   },
   width:400,height:300
});

转发自:http://www.360sdn.com/extjs/2014/0109/1749.html

你可能感兴趣的:(Extjs4的Ext.grid.Panel的行双击事件事件)