[转] Ext Grid (ExtJs)上的单击以及双击事件
2024-09-02 05:00:12
例1:
- 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,记录中的字段名
- });
- }
初始化时添加:以上那个是单独写的添加单击双击事件,主要使用addListener添加'rowclick'和'rowdblclick'代表单击和双击事件。而初始化配置,只要配置Grid里面的listeners就可以了!
- 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')
- }
- }
- });
例2:
ExtJs4.0的表格双击事件 怎么实现?
查阅了相关例子和google,但是测试都不成功。求用过extjs4的大侠指点下,不胜感激!
附google到的一个例子:
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
|
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' ) } } }); |
---------------问题补充---------------
grid.addListener('itemdblclick', click, this); function click(grid, rowindex, e){ alert(11); } 双击事件是itemdbclick,单击事件就是itemclick.
最新文章
- Objective-C中NSInvocation的使用
- eclipse整体设置
- UVALive3902 Network[贪心 DFS&;&;BFS]
- Java线程:概念与原理
- 关于representation的理解
- 在windows 下安装启动redis
- make的控制函数(error,warning)
- Spring mvc 报错:No qualifying bean of type [java.lang.String] found for dependency:
- jsp中的<;jsp:setProperty>;中的param属性
- X windows的底层实现机制
- Leetcode:Unique Binary Search Trees &; Unique Binary Search Trees II
- Jmeter中连接Oracle报错Cannot create PoolableConnectionFactory
- 中国省市县数据库sql文件(2017年10月31日之前)
- C#开源框架(转载)
- require/exports 与 import/export 的区别?
- apache基础学习
- 飞鹅云打印 API_C#
- zeromq示例代码
- Android - 富文本编辑器
- 推荐Java基础
热门文章
- upupw注入by pass
- HDU 5136 Yue Fei&#39;s Battle
- hadoop中setOutputKeyClass和setOutputValueClass里类型
- PHP配置Configure报错:Please reinstall the libzip distribution
- UNIX shell 学习笔记 一 : 几个shell的规则语法对比
- Freemarker中JS取Data-model的值的问题
- Search in Rotated Sorted Array I&;&;II——二分法
- Centos查找大文件的办法
- hdu5756
- C#获取网页信息核心方法(入门一)