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

最新推荐文章于 2021-08-25 16:49:30 发布

棕榈树枞

最新推荐文章于 2021-08-25 16:49:30 发布

阅读量4.3k

点赞数

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

关注