[转] Ext Grid (ExtJs)上的单击以及双击事件

例1:

  1. 1、双击
  2. var cb = new Ext.grid.RowSelectionModel({
  3. singleSelect:true //如果值是false,表明可以选择多行;否则只能选择一行
  4. });
  5. var alarmGrid = new Ext.grid.GridPanel({
  6. }
  7. alarmGrid.addListener(‘rowdblclick‘, rowdblclickFn);
  8. function rowdblclickFn(grid, rowindex, e){
  9. grid.getSelectionModel().each(function(rec){
  10. alert(rec.get(fieldName)); //fieldName,记录中的字段名
  11. });
  12. }
  13. 2、单击
  14. var cb = new Ext.grid.RowSelectionModel({
  15. singleSelect:true //如果值是false,表明可以选择多行;否则只能选择一行
  16. });
  17. var alarmGrid = new Ext.grid.GridPanel({
  18. }
  19. alarmGrid.addListener(‘rowclick‘, rowclickFn);
  20. function rowclickFn(grid, rowindex, e){
  21. grid.getSelectionModel().each(function(rec){
  22. alert(rec.get(fieldName)); //fieldName,记录中的字段名
  23. });
  24. }

初始化时添加:以上那个是单独写的添加单击双击事件,主要使用addListener添加‘rowclick‘和‘rowdblclick‘代表单击和双击事件。而初始化配置,只要配置Grid里面的listeners就可以了!

Java代码  

  1. var cb = new Ext.grid.RowSelectionModel({
  2. singleSelect:true //如果值是false,表明可以选择多行;否则只能选择一行
  3. });
  4. var alarmGrid = new Ext.grid.GridPanel({
  5. }
  6. alarmGrid.addListener(‘rowclick‘, rowclickFn);
  7. function rowclickFn(grid, rowindex, e){
  8. grid.getSelectionModel().each(function(rec){
  9. alert(rec.get(fieldName)); //fieldName,记录中的字段名
  10. });
  11. }
  12. var grid = new Ext.grid.GridPanel({
  13. store: <your datastore>,
  14. columns:[<your columns>],
  15. renderTo:‘example-grid‘,
  16. height:200,
  17. listeners:{
  18. //单击
  19. rowdblclick : function(grid,row){
  20. alert("rowdblclick")
  21. },
  22. //双击
  23. rowclick:function(grid,row){
  24. alert(‘rowclick‘)
  25. }
  26. }
  27. });

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

时间: 2024-08-24 00:55:13

[转] Ext Grid (ExtJs)上的单击以及双击事件的相关文章

Android 自定义View实现单击和双击事件

自定义View, 1. 自定义一个Runnable线程TouchEventCountThread ,  用来统计500ms内的点击次数 2. 在MyView中的 onTouchEvent 中调用 上面的线程 3. 自定义一个Handler, 在TouchEventHandler 中 处理 统计到的点击事件, 单击, 双击, 三击, 都可以处理 核心代码如下: public class MyView extends View { ...... // 统计500ms内的点击次数 TouchEvent

unity3D 游戏物体同时绑定单击、双击事件

前言 在unity中我们常用的获取鼠标点击的方法有 在3D场景中,一般用在Update方法中,每一帧调用 void Update(){ if(Input.GetMouseButtonDown(0)){ Debug.log("鼠标左键点击"); } } 在画布场景中,一般用在OnGUI方法中,这个也是一个循环调用的方法 void OnGUI() { Event e = Event.current; if (e.isMouse && (e.clickCount == 2))

jquery处理单击和双击事件

今天做div点击时,需要用到同一div的单击和双击事件,出现问题如下 例子: Html <body> <div id="div_1">单击双击我</div> 事件执行次数:<input id="input_1" type="text" value="0" /> </body> js $(document).ready(function(){ var i = 0; $(

GridView/DataGrid行单击和双击事件实现代码_.Net教程

功能: 单击选中行,双击打开详细页面 说明:单击事件(onclick)使用了 setTimeout 延迟,根据实际需要修改延迟时间 ;当双击时,通过全局变量 dbl_click 来取消单击事件的响应  常见处理行方式会选择在 RowDataBound/ItemDataBound 中处理,这里我选择 Page.Render 中处理,至少基于以下考虑  1.RowDataBound 仅仅在调用 DataBind 之后才会触发,回发通过 ViewState 创建空件不触发 假如需要更多的处理,你需要分

禁用CMFCRibbonApplicationButton的单击和双击事件

为了禁用CMFCRibbonApplicationButton的单击和双击事件,我重载了CMFCRibbonApplicationButton如下: 1. MyRibbonApplicationButton.h文件内容: #pragma once class CMyRibbonApplicationButton : public CMFCRibbonApplicationButton{public: CMyRibbonApplicationButton(); //~CMyRibbonApplic

使用时间器区别网页上的单击和双击

在网页上,单击事件包含一次 onmousedown,onmouseup,onclick的过程.同理,双击事件包含了onmousedown,onmouseup,onclick,onmousedown,onmouseup,onclick,ondblclick的过程.所以在网页上进行ondblclick触发时同时也会触发onclick,因此.当我们在同一个element同时注册了这2个事件时,我们需要将他们区别开来.以下使用延时处理来进行区别. <script type="text/javasc

Extjs给gridPanel添加单价双击事件和获取当前行的数据

有两个小属性,如下 this.on('rowdblclick', this.readContent, this); this.on('cellclick', this.gridCellClick, this);  //第一个是单机双击事件,触发的事件,第二个是相应的方法,第三个是作用的范围 readContent : function(grid, rowIndex, e) {  //第一个是当前grid,第二个是当前行,第三个是参数        var rec = grid.getStore(

jquery 单击和双击事件冲突解决方案

本人需要给bootstrap-treeview的树节点添加双击事件.而该插件原生方法中不带双击事件功能.该插件的节点默认绑定的单击事件,由此引起了单击事件和双击事件的冲突. 编写测试代码 引起冲突的代码: 问题效果展示: 每一次触发双击事件都会引起两次单击事件 解决冲突的代码: 解决问题效果展示: 完美解决单击事件和双击事件冲突问题 这里主要用到两个HTML DOM Window对象中函数,settimeout(),clearTimeout() 我这里两个单击事件触发的时间间隔设置在等于300毫

GridView 行单击或双击事件绑定

protected void gvTeacherTaskList_RowCommand(object sender, GridViewCommandEventArgs e) { if (e.CommandName == "ShowDetail") { } } protected void gvTeacherTaskList_DataBound(object sender, EventArgs e) { foreach (GridViewRow row in gvTeacherTaskL