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方法使用例子如下:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
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
});
|