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
}); |
相关推荐
在EXTJS这个强大的JavaScript框架中,`Ext.Panel`和`TreePanel`是两个非常重要的组件,它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据,以提升用户体验并实现灵活的数据...
var grid = Ext.create('Ext.grid.Panel', { store: store, columns: columns, renderTo: Ext.getBody() // 渲染到页面 }); ``` 接下来,我们需要为GridPanel添加双击事件监听器。在ExtJs中,我们可以使用`...
在EXTJS框架中,`Ext.ux.form.LovCombo`是一种自定义组件,它扩展了基本的`Ext.form.field.ComboBox`,提供了更丰富的功能,尤其是针对多选和联动选择的需求。这个组件通常用于创建具有“lov”(即“Look Up Value”...
### Ext grid panel 滚动条位置不变 在前端开发领域,特别是在使用Ext JS框架时,保持滚动条位置不变是一个非常实用的功能。特别是在处理实时数据更新的场景下,这一功能可以确保用户在数据刷新后仍然停留在之前...
这篇文章的标题指出这是一个关于“Ext.grid.plugin.RowEditing”的重构,版本为v1.4,发布日期为2011年9月11日。重构通常意味着代码的改进,可能涉及性能优化、错误修复或功能增强。在4.0版本中,RowEditing插件的...
主要用例子说明extjs4的form表单的运用,其中有表单属性说明,表单控件运用说明如: title:'表单', //表单标题 bodyStyle:'padding:5 5 5 5', //表单边距 height:120, //表单高度 width:200, //表单宽度 ...
### ExtJs选中 `var editor = new Ext.ux.grid.RowEditor` 详解 在Web开发领域,特别是使用ExtJs框架进行复杂用户界面构建时,`RowEditor` 是一个非常实用的功能,它允许用户直接在表格行内编辑数据,极大地提高了...
总结来说,这个实例展示了如何将前端的ExtJS4框架,特别是其Accordion布局和Ext.tree.Panel组件,与Servlet和Struts2后端框架集成,利用JSON进行数据交换,来创建一个动态的、交互性强的Web应用。用户可以通过折叠和...
在EXTJS3中,`Ext.PagingToolbar()` 是一个非常重要的组件,用于在大量数据的网格或视图中实现分页功能。这个组件允许用户轻松地浏览和操作大量的记录,而不需要一次性加载所有数据,从而提高了应用程序的性能和用户...
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....
双击行的行为可以通过监听`itemdblclick`事件来实现。 3. **表单(Form)**:当用户双击表格中的行时,会弹出一个表单用于编辑或查看数据。在ExtJS中,表单组件由`Ext.form.Panel`创建,它可以包含各种表单字段,如...
var grid = Ext.create('Ext.grid.Panel',{ title:'ArrayGrid', store:store, ... }); ``` 创建了一个`Ext.grid.Panel`实例,并指定了其标题和数据源。 5. **选择模型**: ```javascript selModel:{ type...
ExtJs提供了Ext.Ajax.request方法来进行Ajax请求,但默认情况下,该方法不支持waitMsg属性,不像fp.form.submit方法提供了waitTitle和waitMsg属性来实现等待提示。为了解决这一限制,我们可以采用Ext.MessageBox的...
对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...
2. **行编辑**:为了实现增删改查的功能,我们可以集成ExtJS的行编辑插件(`Ext.grid.plugin.RowEditing`)。这允许用户直接在Grid的行内进行编辑,通过点击单元格激活编辑模式,完成后点击保存按钮提交更改。 3. *...
在ExtJS 4.x框架中,ComboboxTree是一种特殊的组件,它将传统的下拉框与树形结构结合在一起,提供了一种更为灵活的用户输入方式。这种组件在数据选择上非常实用,尤其当数据层级关系复杂时,可以方便地进行多选或...
4. **监听与事件处理**:源码中可能会有各种事件监听器,例如当行被点击时触发的事件,或者当数据更改时的事件。这些监听器可以帮助我们理解用户与Grid的交互。 5. **行编辑**:如果项目中包含了行编辑功能,源码将...
在EXTJS 4.x框架中,`tabpanel`是用于创建多标签界面的组件,它可以方便地组织和切换多个视图。动态加载panel和HTML到tabpanel是提高应用性能和用户体验的有效方式,因为它允许按需加载内容,减少初始页面加载时间。...
对于初次接触EXTjs UploadDialog的开发者来说,理解EXT的组件体系结构、事件模型和配置选项是非常重要的。 通过"UploadDialog"这个压缩包,你可以获取到EXTjs的上传对话框组件,将其整合到你的项目中,快速实现文件...