可编辑的EditorGridPanel

1.创建pannel是为可编辑的：

new Ext.grid.EditorGridPanel

2.设置单击可以编辑属性：

clickstoEdit: 1

3.在列设置添加文本编辑框

{header:"调整数" ,border:1,align: 'right',dataIndex:"khtzs",editor:new Ext.form.TextField(),renderer:SetMyColumns}

4.设置样式

function SetMyColumns(value, cell, record, rowIndex, columnIndex, store) {
           cell.css="tds";
           return value;
    }

5.获取修改的数据集合

 var m = store.modified.slice(0);

 var m = grid.getStore().getModifiedRecords();

6.获取修改的数据集合时，我们会发现它会把历史修改（除非页面整个重新加载）的数据集合也再次加载进来，这个时候我们可以用下面这个方法来清除原来的修改数据集合。

store.commitChanges();//添加在每次操作成功的就回调一下

7.每次对grid操作后刷新当前页的数据使用

store.reload();

秒客网