Ext Grid上的单击以及双击事件

Ext Grid上的单击以及双击事件

博客分类： 
• extjs学习

EXTBlogIDEAHTML 

进来项目中需要使用双击/单击行记录来获取数据，将实现的方式记录如下：

Java代码  

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

 

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

Java代码  

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

 

恩，我找了一些资料并且自己也实践了一下，的确能用！，大家互相学习吧

资料来源：

http://hi.baidu.com/k_boy/blog/item/da3f3afa86910b809e5146f9.html

http://marco--liu.iteye.com/blog/109181

http://qixiaopeng.iteye.com/blog/419155