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

 

2011-04-11 23:22 153人阅读 评论 (0) 收藏 举报

 

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