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