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

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

Java代码



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

}

}

});