[转] 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就可以了！

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.