双击/单击Ext GridPanel的列表项

最新推荐文章于 2017-08-03 14:17:21 发布

最新推荐文章于 2017-08-03 14:17:21 发布 · 223 阅读

文章标签：

#EXT

Ext JS 专栏收录该内容

20 篇文章

订阅专栏

本文介绍如何使用ExtJS框架实现表格的双击及单击事件处理，通过实例代码展示了如何通过这些事件获取表格中的数据。

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


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，记录中的字段名
    });
}