您的位置:首页 > 其它

可编辑的EditorGridPanel

2013-07-17 12:46 344 查看
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();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: