extjs actioncolumn
时间: 2024-12-25 16:30:28 浏览: 7
ExtJS中的ActionColumn是一种特殊类型的列配置,主要用于处理表格操作,比如增删改查等动作。它通常包含在Grid(网格)组件中,并且每一行都会显示一个或多个图标按钮,点击后会触发预定义的Action。ActionColumn简化了对表格数据的操作,不需要编写复杂的事件处理器。
例如,创建一个包含两个操作(编辑和删除)的动作列可以这样做:
```javascript
var actionCol = {
xtype: 'actioncolumn',
width: 75,
items: [{
icon: 'edit.png', // 编辑图标路径
tooltip: 'Edit Record', // 显示的提示文本
handler: function(grid, rowIndex) { // 当按钮被点击时执行的回调
var rec = grid.getStore().getAt(rowIndex);
// 执行编辑操作
}
}, {
icon: 'delete.png', // 删除图标路径
tooltip: 'Delete Record',
handler: function(grid, rowIndex) {
var rec = grid.getStore().getAt(rowIndex);
// 弹出确认对话框,如果用户确认则执行删除操作
}
}]
};
```
阅读全文