10、Ext JS 网格与布局功能详解

Ext JS 网格与布局功能详解

1. Editor Grids 数据操作

在使用 Editor Grids 时， afteredit 事件提供了一些有用的选项，具体如下：
| Option | Description |
| ---- | ---- |
| grid | 对当前网格的引用 |
| record | 包含正在编辑行数据的对象 |
| field | 正在编辑的字段名称 |
| value | 输入到字段中的新值 |
| originalValue | 字段的原始值 |
| row | 正在编辑的行的索引 |
| column | 正在编辑的列的索引 |

1.1 删除服务器数据

当需要从服务器删除数据时，可通过向服务器脚本发送请求来实现，就像更新数据一样。以下是具体操作步骤：
1. 在网格的工具栏添加一个删除按钮。

{
  text: 'Remove Movie',
  icon: 'images/table_delete.png',
  cls: 'x-btn-text-icon',
  handler: function() {
    var sm = grid.getSelectionModel();
    var sel = sm.getSelected();
    if (sm.hasSelection()){
      Ext.Msg.show({
          title: 'Remove Movie',