`
zhaojingyu_ok
  • 浏览: 12563 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

阅读更多

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中Ext.Panel和TreePanel 组件动态加载本地页面数据

    在EXTJS这个强大的JavaScript框架中,`Ext.Panel`和`TreePanel`是两个非常重要的组件,它们被广泛用于构建复杂的用户界面。这篇文章将探讨如何在这些组件中动态加载本地页面数据,以提升用户体验并实现灵活的数据...

    ExtJs GridPanel双击事件获得双击的行

    var grid = Ext.create('Ext.grid.Panel', { store: store, columns: columns, renderTo: Ext.getBody() // 渲染到页面 }); ``` 接下来,我们需要为GridPanel添加双击事件监听器。在ExtJs中,我们可以使用`...

    extjs-Ext.ux.form.LovCombo下拉框

    在EXTJS框架中,`Ext.ux.form.LovCombo`是一种自定义组件,它扩展了基本的`Ext.form.field.ComboBox`,提供了更丰富的功能,尤其是针对多选和联动选择的需求。这个组件通常用于创建具有“lov”(即“Look Up Value”...

    Ext grid panel 滚动条位置不变

    ### Ext grid panel 滚动条位置不变 在前端开发领域,特别是在使用Ext JS框架时,保持滚动条位置不变是一个非常实用的功能。特别是在处理实时数据更新的场景下,这一功能可以确保用户在数据刷新后仍然停留在之前...

    ExtJS 4.0 改善Ext.grid.plugin.RowEditing (重构,v1.4版本,2011-09-11)

    这篇文章的标题指出这是一个关于“Ext.grid.plugin.RowEditing”的重构,版本为v1.4,发布日期为2011年9月11日。重构通常意味着代码的改进,可能涉及性能优化、错误修复或功能增强。在4.0版本中,RowEditing插件的...

    extjs4的Ext.frorm.Panel控件属性说明和表单控件说明

    主要用例子说明extjs4的form表单的运用,其中有表单属性说明,表单控件运用说明如: title:'表单', //表单标题 bodyStyle:'padding:5 5 5 5', //表单边距 height:120, //表单高度 width:200, //表单宽度 ...

    ExtJs选中var editor = new Ext.ux.grid.RowEditor详解

    ### ExtJs选中 `var editor = new Ext.ux.grid.RowEditor` 详解 在Web开发领域,特别是使用ExtJs框架进行复杂用户界面构建时,`RowEditor` 是一个非常实用的功能,它允许用户直接在表格行内编辑数据,极大地提高了...

    ExtJS4+Accordion+SERVLET/STRUTS2+JSON+Ext.tree.Panel实例

    总结来说,这个实例展示了如何将前端的ExtJS4框架,特别是其Accordion布局和Ext.tree.Panel组件,与Servlet和Struts2后端框架集成,利用JSON进行数据交换,来创建一个动态的、交互性强的Web应用。用户可以通过折叠和...

    EXTJS3 Ext.PagingToolbar() 快捷键应用

    在EXTJS3中,`Ext.PagingToolbar()` 是一个非常重要的组件,用于在大量数据的网格或视图中实现分页功能。这个组件允许用户轻松地浏览和操作大量的记录,而不需要一次性加载所有数据,从而提高了应用程序的性能和用户...

    extjs4.1-ux.rar

    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....

    ext实例 左边是 tree 右边是grid 双击grid弹出form修改

    双击行的行为可以通过监听`itemdblclick`事件来实现。 3. **表单(Form)**:当用户双击表格中的行时,会弹出一个表单用于编辑或查看数据。在ExtJS中,表单组件由`Ext.form.Panel`创建,它可以包含各种表单字段,如...

    ExtJS ToolTip功能

    var grid = Ext.create('Ext.grid.Panel',{ title:'ArrayGrid', store:store, ... }); ``` 创建了一个`Ext.grid.Panel`实例,并指定了其标题和数据源。 5. **选择模型**: ```javascript selModel:{ type...

    ExtJs的Ext.Ajax.request实现waitMsg等待提示效果

    ExtJs提供了Ext.Ajax.request方法来进行Ajax请求,但默认情况下,该方法不支持waitMsg属性,不像fp.form.submit方法提供了waitTitle和waitMsg属性来实现等待提示。为了解决这一限制,我们可以采用Ext.MessageBox的...

    Ext.net实现GridPanel拖动行、上移下移排序功能DEMO

    对于GridPanel中拖动选中行排序的实现,网上有不少ExtJs实现的例子,但是没有找到使用Ext.net实现的,正好最近有个需求要使用,干脆来写一个。 DEMO功能说明: 1、拖动GridPanel选中行到新位置排序。 2、在拖动结束...

    Extjs Grid 扩展实例

    2. **行编辑**:为了实现增删改查的功能,我们可以集成ExtJS的行编辑插件(`Ext.grid.plugin.RowEditing`)。这允许用户直接在Grid的行内进行编辑,通过点击单元格激活编辑模式,完成后点击保存按钮提交更改。 3. *...

    Extjs4.X下comboboxTree下拉树型菜单,完美支持多选、单选,绝对好用

    在ExtJS 4.x框架中,ComboboxTree是一种特殊的组件,它将传统的下拉框与树形结构结合在一起,提供了一种更为灵活的用户输入方式。这种组件在数据选择上非常实用,尤其当数据层级关系复杂时,可以方便地进行多选或...

    extjs grid.panel 项目 源码

    4. **监听与事件处理**:源码中可能会有各种事件监听器,例如当行被点击时触发的事件,或者当数据更改时的事件。这些监听器可以帮助我们理解用户与Grid的交互。 5. **行编辑**:如果项目中包含了行编辑功能,源码将...

    extjs4.x tabpanel 动态加载panel和html例子

    在EXTJS 4.x框架中,`tabpanel`是用于创建多标签界面的组件,它可以方便地组织和切换多个视图。动态加载panel和HTML到tabpanel是提高应用性能和用户体验的有效方式,因为它允许按需加载内容,减少初始页面加载时间。...

    Ext.ux.UploadDialog.zip

    对于初次接触EXTjs UploadDialog的开发者来说,理解EXT的组件体系结构、事件模型和配置选项是非常重要的。 通过"UploadDialog"这个压缩包,你可以获取到EXTjs的上传对话框组件,将其整合到你的项目中,快速实现文件...

Global site tag (gtag.js) - Google Analytics