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

双击/单击Ext.grid.GridPanel的行

 
阅读更多

Ext.grid.GridPanel rowdblclick(单击)+ rowclick(双击)
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,记录中的字段名 
     }); 
} 

__________

初始化是添加:

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,记录中的字段名 
     }); 
} 

var grid = new Ext.grid.GridPanel({
   store: <your datastore>,
   columns:[<your columns>],
   renderTo:'example-grid',
   height:200,
   listeners:{
//单击
       rowdblclick : function(grid,row){
           alert("rowdblclick")
       },
//双击
       rowclick:function(grid,row){
           alert('rowclick')
       }
   }
});
 
分享到:
评论

相关推荐

    Ext.grid.GridPanel属性祥解

    ### Ext.grid.GridPanel属性详析 #### 一、Ext.grid.GridPanel概述 `Ext.grid.GridPanel`是ExtJS中用于展示表格数据的核心组件之一。它提供了丰富的配置选项和方法来帮助开发者灵活地控制表格的表现形式及功能。...

    Ext.grid.GridPanel 删除线

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

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

    在实际应用中,我们经常需要监听用户的交互行为,比如双击行进行进一步的操作。本篇文章将深入讲解如何在ExtJs GridPanel中实现双击事件,并获取双击的行以及选中的复选框状态。 首先,我们要了解GridPanel的基本...

    GridPanel中的单元格不能选中复制的解决方法

    Ext.grid.GridPanel 是一个功能强大且广泛使用的Grid控件,但是它存在一个很大的缺陷:单元格的内容不能选中,没法选中就没法复制,这给用户带来了很多不便。这个问题的根源在于ExtJs输出的代码中,每个单元格的div...

    可编辑表格Ext.grid.EditorGridPanel

    2. Ext.grid.EditorGridPanel:EditorGridPanel是Ext JS中的一种网格组件,它扩展了GridPanel,增加了单元格级别的编辑功能。用户可以直接在表格中修改数据,而无需跳转到单独的编辑页面。 二、核心特性 1. 可编辑...

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

    var grid = new Ext.grid.GridPanel({ store: store, // 绑定数据存储 columns: [/* 定义列 */], plugins: [editor], // 使用 RowEditor 作为插件 title: 'My Grid', width: 500, height: 300, renderTo: ...

    ext grid 合计行

    找了半天,结果在extjs的老家找到一个前辈写的代码,可以在grid上面加上合计, &lt;br&gt;但是却只能合计grid里面的数据,但是我们平常一般是只显示20行或者30行,这样的合计就没有什么意义,我们的合计数据是单独从...

    Ext grid panel 滚动条位置不变

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

    Ext.grid.ColumnModel显示不正常

    Ext.grid.ColumnModel显示不正常

    Ext.grid.GridPanel右键菜单

    右键菜单的资料,代码已经详细描写。请仿照文件中所描述即可使用,不限于EXT4.0以上版本使用。

    ExtJs + api + 笔记 + 完整包

    "23-Ext中的对话框.doc"文件讲解了对话框(Dialog)组件的使用,包括模态窗口和非模态窗口。对话框在Web应用中常用于弹出确认、提示或设置信息,ExtJs提供了丰富的选项来定制对话框的外观和行为。 "26-表格控件...

    ext表格布局小例子

    &lt;script src="ext-3.2.1/adapter/ext/ext-base.js"&gt;&lt;/script&gt; &lt;script src="ext-3.2.1/ext-all.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="ext-3.2.1/src/locale/ext-lang-zh_CN.js"&gt;&lt;/script&gt; ...

    Ext表格列锁定+多表头插件

    1. Ext.grid.GridView:这是Ext Grid的基础视图组件,负责渲染表格的行和列。 2. Ext.grid.LockingGridView:这是扩展的GridView,增加了列锁定功能。 3. Ext.grid.plugin.GroupHeader:这是一个插件,用于创建多级...

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

    RowExpander插件是ExtJS中一个非常有用的特性,允许我们在GridPanel的每一行中添加一个可展开的区域,展示更多的详细信息。 首先,我们来理解RowExpander的基本概念。在标准的GridPanel中,每一行通常只显示简化的...

    extjs中Ext.Panel和TreePanel 组件动态加载本地页面数据

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

    ext实例 ext操作步骤

    1. **导入EXT资源**:首先,需要在HTML文件中引入EXT的CSS样式文件(如`ext/resources/css/ext-all.css`)和JavaScript库(如`ext/adapter/ext/ext-base.js`和`ext/ext-all.js`)。 2. **设置中文包**:如果需要...

    Ext2.0框架的grid使用

    var grid = new Ext.grid.GridPanel({ el: 'grid', ds: ds, cm: cm }); grid.render(); ``` #### 高级特性:添加CheckBox 在Grid中集成CheckBox选择模型,可实现行项目的多选功能。具体操作如下: 1. **...

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

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

    Extjs Grid 用法 pdf版

    var grid = new Ext.grid.GridPanel({ el: 'grid', ds: ds, cm: cm }); // 渲染 Grid grid.render(); ``` ##### 2.2 使用二维数组作为数据源 当数据源为二维数组时,可以通过 `MemoryProxy` 和 `ArrayReader` ...

    给Extjs的GridPanel增加“合计”行

    - 首先,我们需要创建一个继承自EXTJS的`Ext.grid.GridView`的自定义View类。这个类将覆盖默认的渲染逻辑,以便在表格底部插入合计行。 - 在`GridSummary.js`文件中,我们可以定义这个类,并重写`onRender`方法,...

Global site tag (gtag.js) - Google Analytics