1. 程式人生 > >Ext Grid上的單擊以及雙擊事件

Ext Grid上的單擊以及雙擊事件

  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. });