`

双击/单击Ext GridPanel的列表项

EXT 
阅读更多
进来项目中需要使用双击/单击行记录来获取数据,将实现的方式记录如下:


1、双击
var cb = new Ext.grid.RowSelectionModel({
    singleSelect:true //如果值是false,表明可以选择多行;否则只能选择一行
});

var alarmGrid = new Ext.grid.GridPanel({

}
alarmGrid.addListener('rowdblclick', rowdblclickFn);

function rowdblclickFn(grid, rowindex, e){
    grid.getSelectionModel().each(function(rec){
	alert(rec.get(fieldName)); //fieldName,记录中的字段名
    });
}

2、单击
var cb = new Ext.grid.RowSelectionModel({
    singleSelect:true //如果值是false,表明可以选择多行;否则只能选择一行
});

var alarmGrid = new Ext.grid.GridPanel({

}
alarmGrid.addListener('rowclick', rowclickFn);

function rowclickFn(grid, rowindex, e){
    grid.getSelectionModel().each(function(rec){
	alert(rec.get(fieldName)); //fieldName,记录中的字段名
    });
}
分享到:
评论
1 楼 会飞的小鱼 2011-11-28  
请问fieldName是ColumnModel列表中对应的字段码?    这个fieldName我alert是undefined。

相关推荐

    Ext GridPanel 中实现加链接操作

    ### Ext GridPanel 中实现加链接操作 在前端开发领域中,Ext JS 是一款非常流行的 JavaScript 框架,用于构建企业级的 Web 应用程序。Ext GridPanel 是该框架中的一个重要组件,常用于展示表格数据。本文将详细介绍...

    EXT GridPanel获取某一单元格的值

    EXT GridPanel是EXT JS库中的一个核心组件,用于创建数据密集型的表格视图。它在Web应用程序中常用于展示大量结构化数据,并提供多种交互功能,如排序、分页、筛选和编辑等。在EXT GridPanel中,获取某一单元格的值...

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

    本篇文章将深入讲解如何在ExtJs GridPanel中实现双击事件,并获取双击的行以及选中的复选框状态。 首先,我们要了解GridPanel的基本结构。GridPanel由Store(数据存储)和ColumnModel(列模型)组成,它们定义了...

    Ext的gridpanel控件二次加载问题

    在Ext JS这个强大的JavaScript框架中,GridPanel是一个非常重要的组件,用于展示数据表格。然而,在实际应用中,可能会遇到一个常见的问题:当GridPanel需要进行第二次加载时,数据或者功能可能会丢失。这个问题主要...

    Ext GridPanel导出Excel(改进)

    将页面的GridPanel中的数据导出到Excel中 测试Ext:版本2.2.1 支持GridSummary,GroupSummary和GroupHeaderPlugin插件 使用方法: 1)把三个JS文件引入到页面中 2)调用例句: var data2Excel = new Ext.icss.Data2...

    ext gridpanel 跨行

    "ext gridpanel 跨行"这个主题主要涉及到在GridPanel中实现单元格或行的跨行显示,这在展示复杂数据或需要组合信息时非常有用。 首先,让我们深入理解什么是GridPanel。在Ext JS中,GridPanel是一个表格视图,它...

    ext.net 动态创建gridpanel

    你还可以添加自定义的事件处理器,如单击行、双击行、单元格编辑等,以实现特定的业务逻辑。 6. **性能优化**: 在处理大量数据时,考虑使用远程分页、延迟加载(Lazy Loading)和服务器端排序,以提高性能。 7....

    Ext实现GridPanel内嵌行内嵌表格(RowExpander)

    2. 配置GridPanel:在创建GridPanel时,将RowExpander插件添加到plugins配置项中。 ```javascript var grid = Ext.create('Ext.grid.Panel', { plugins: [rowExpander], store: myStore, // 你的数据存储 ...

    Ext GridPanel加载完数据后进行操作示例代码

    在Ext JS中,`Ext GridPanel`是一种常用的组件,用于展示和操作表格数据。它具有丰富的功能,包括分页、排序、筛选等。本示例主要关注在`GridPanel`加载完数据后如何进行特定的操作,特别是选定某些行数据。 首先,...

    Ext.grid.GridPanel 删除线

    Ext.grid.GridPanel 删除线 放到example文件夹下运行

    EXTJSEXT实例GridPanel.

    var grid = new Ext.grid.GridPanel({ store: store, cm: cm, renderTo: Ext.getBody() // 渲染到页面的body元素 }); ``` 此外,EXTJS的GridPanel还支持许多高级特性,例如: - **行编辑**: 可以通过添加...

    ext gridpanel多层表头分组小计导出excel与Java后台交互全代码

    该例子实现了ext的gridpanel多层表头+分组+小计以及与Java后台交互的全代码。还有自适应浏览器大小的功能包括导出excel,里面有注释,可能注释不全。分别为group.jsp,totals.jsp页面。

    ext.net gridpanel 弹出窗

    ext.net gridpanel 弹出窗

    Ext.grid.GridPanel属性祥解

    #### 二、Ext.grid.GridPanel主要配置项 1. **store** - 说明:`store`属性定义了表格的数据源。 - 示例:`store: new Ext.data.JsonStore({ ... })` 2. **columns** - 说明:`columns`是一个数组,用来配置表格...

    ext form gridpanel

    它支持多种编辑模式,如单击编辑、双击编辑或通过工具栏按钮触发编辑。同时,GridPanel提供了丰富的事件监听机制,使得在数据变化时执行相应操作变得简单,比如数据验证、保存到服务器等。 总结一下,"ext form ...

    Ext修改GridPanel数据和字体颜色、css属性等

    在Ext JS这个强大的JavaScript框架中,GridPanel是一个非常重要的组件,用于展示数据并提供交互功能。在实际开发中,我们经常需要对GridPanel的数据、字体颜色以及CSS样式进行自定义,以满足各种业务需求。本篇文章...

    tapestry4.02中封装ext的GridPanel组件

    在Tapestry 4.02中封装Ext的GridPanel组件,意味着开发者将ExtJS的GridPanel功能集成到Tapestry应用中,使Tapestry应用能够利用GridPanel的强大功能。这个过程通常涉及到以下几个关键步骤: 1. **引入ExtJS库**:...

    ExtJS 表格面板GridPanel完整例子

    ExtJS表格面板(GridPanel)是Sencha Ext JS框架中的一个核心组件,它用于展示大量结构化数据。在本文中,我们将深入探讨如何创建并使用一个完整的ExtJS GridPanel实例,以及与其相关的源码和工具。 首先,让我们...

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

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

    ext2.0网格实践源码

    EXT2.0是EXT库的一个较早版本,它包含了许多用于创建数据驱动的用户界面组件,如GridPanel。这篇“ext网格实践源码”显然提供了EXT2.0 GridPanel的具体实现示例,通过Eclipse工程的形式来展示。 EXT GridPanel是EXT...

Global site tag (gtag.js) - Google Analytics