ext.js CellDblClick 获取单元格的值
时间: 2023-09-19 10:10:03 浏览: 147
在 Ext.js 中,可以通过监听 GridPanel 的 `celldblclick` 事件来获取单元格的值。具体实现步骤如下:
1. 在 GridPanel 中设置 `listeners` 属性,监听 `celldblclick` 事件,例如:
```javascript
{
xtype: 'gridpanel',
// ...
listeners: {
celldblclick: function(grid, rowIndex, columnIndex, e) {
// 处理单元格双击事件
}
}
}
```
2. 在 `celldblclick` 事件处理函数中,通过 GridPanel 的 `getSelectionModel()` 方法获取选中模型(SelectionModel),然后使用 `getSelection()` 方法获取选中的记录(Record),最后通过 `get()` 方法获取单元格的值,例如:
```javascript
celldblclick: function(grid, rowIndex, columnIndex, e) {
// 获取选中模型
var selectionModel = grid.getSelectionModel();
// 获取选中的记录
var record = selectionModel.getSelection()[0];
// 获取单元格的值
var cellValue = record.get(grid.columns[columnIndex].dataIndex);
// 处理单元格双击事件
}
```
其中,`grid.columns[columnIndex].dataIndex` 表示获取列定义中 `dataIndex` 属性对应的字段名,再通过 `record.get()` 方法获取该字段的值,从而获取单元格的值。
希望这个回答能对您有所帮助!
阅读全文