可编辑的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.获取修改的数据集合
1 var m = store.modified.slice(0); 2 var m = grid.getStore().getModifiedRecords();
6.获取修改的数据集合时,我们会发现它会把历史修改(除非页面整个重新加载)的数据集合也再次加载进来,这个时候我们可以用下面这个方法来清除原来的修 改数据集合。
store.commitChanges();//添加在每次操作成功的就回调一下
7.每次对grid操作后刷新当前页的数据使用
store.reload();