Ext网格中的本地编辑

Anu*_*yal 3 grid extjs

我使用分机Ext.grid.EditorGridPanel创建一个网格,使用阵列存储与本地数据来填充网格行.当我在网格中编辑值时,它们在左上角显示一个小红色三角形,并且商店数据也不会更新.

那么如何在EditorGridPanel中编辑本地数据呢?

我在Ext Editor Grid Example中看到了类似的问题,尽管该示例还设置了URL,请参见下图.

在此输入图像描述

解决方案:由于我只需要在本地保存更改,我只是执行了以下操作.

settingsGrid.on('afteredit', function(evt){
settingsGrid.store.commitChanges()
})
Run Code Online (Sandbox Code Playgroud)

它修复了问题,所有用户编辑的数据都在本地存储中快速更新.

Abd*_*oof 5

左上角的红色三角表示该值已更改.当用户更改网格中的数据时,商店会跟踪修改.

如果需要保存修改,则必须将更新的数据发送回服务器端.你可以利用DataWriter这个... 参考这个例子!

更新: 如果您不打算将更新移动到服务器,则可以使用:

  • getModifiedRecords() - 获取所有修改过的记录.
  • commitChanges() - 提交更改.
  • rejectModifiedRecords() - 拒绝商店中的所有更改.

这些方法是客户端存储的操作.我想这就是你要找的东西.