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
}); |
相关推荐
NULL 博文链接:https://maoyi606.iteye.com/blog/1782825
extjs多选下拉框,Ext.ux.form.LovCombo,extjs 以修复多选下拉框火狐下取不到值的问题,火狐下div不显示背景色的问题
NULL 博文链接:https://atian25.iteye.com/blog/1019910
ExtJs选中var editor = new Ext.ux.grid.RowEditor详解.txt
1、Ext.ux.aceeditor.Panel 2、Ext.ux.grid.feature.Tileview 3、Ext.ux.upload.Button 4、Ext.ux.toggleslide.ToggleSlide 5、Ext.ux.container.ButtonSegment 6、Ext.ux.grid.plugin.RowEditing 7、Ext.ux.grid....
对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...
ExtJS4+Accordion+SERVLET/STRUTS2+JSON+Ext.tree.Panel实例
主要用例子说明extjs4的form表单的运用,其中有表单属性说明,表单控件运用说明如: title:'表单', //表单标题 bodyStyle:'padding:5 5 5 5', //表单边距 height:120, //表单高度 width:200, //表单宽度 ...
主要介绍了ExtJs的Ext.Ajax.request实现waitMsg等待提示效果,需要的朋友可以参考下
如何给Ext.panel增加一个背景图片
NULL 博文链接:https://sonckchi.iteye.com/blog/1958861
关于这个原因有很多种,我只说下我遇到的 我这样 写Store来复用的 代码如下: DocStore = Ext.extend(Ext.data.Store,{ initComponent:function(){ this.proxy = new Ext.data.HttpProxy({url:this.url}); this....
ExtJS grid过滤操作,可以动态操作本地的store更改筛选的内容
基于extjs form表单的项目源码
EXTjs的上传组件
extjs 可编辑的表格树,每个单元格自定义编辑组件,可以自适应列宽,只有源码与例子,运行实例要修改路径,不然图片不能显示,注意etree.jsp的js引入路径 支持Ext2.x以上版本 如运行不了EmailTo : codeme9@gmail....
ExtJS tooltip功能组件实例
18. extJs 2.0学习笔记(Ext.Panel终结篇) 40 19. extJs 2.0学习笔记(事件注册总结篇) 45 20. extJs 2.0学习笔记(Ext.Panel篇一) 48 21. extJs 2.0学习笔记(Ext.Panel篇二) 50 22. extJs 2.0学习笔记(Ext.Panel篇三) ...
ExtJs GridPanel双击事件获得双击的行,双击行可以选中前面的checkbox,并获得行号