可编辑的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();

 

 

 

 

posted @ 2013-07-17 12:46  爱笑的狐狸  阅读(826)  评论(0编辑  收藏  举报