javascript - 在 ExtJS 3.0 中通过来自 EditorGridPanel 的 XmlHttpRequest 自动保存？

Question

我在 Ext JS 3.0 中有一个 EditorGridPanel，通过 HttpProxy 和 JsonReader 填充，并且我有一个可编辑的“工作”列——我可以编辑该值并将其标记为脏。

现在，我如何才能在编辑单元格后向服务器发送 XmlHttpRequest，其中包含一些基本参数、行的 ID 字段、已更改的列的名称以及新值？

一旦发出请求，服务器端更新就很容易了。但是，无论使用多少 Google 和深入挖掘简单的内存中 EditGridPanel 示例，都无法帮助让 EditGridPanel 进行调用。

我不寻找的是:

1. REST——只需通过普通的 GET 或 POST 更新
2. 插入新记录或删除行——目前仅更新。
3. 批量更新——一次只修改一个单元格。
4. 一堆代码——这应该是微不足道的，比如 Scriptaculous 中的 Ajax.InPlaceEditor

Answer 1

我终于想通了......我的店里只需要一个作家:

var ds = new Ext.data.JsonStore({
    autoSave:       true,
    url:            "ajax-handler.aspx",
    method:         "POST",
    timeout:        120000,
    root:           "rows",
    totalProperty:  "results",
    idProperty:     "primarykeyvalue",
    fields:         previewColumnConfig,
    baseParams:     {
        now:        (new Date()).getTime()
        },
    writer: new Ext.data.JsonWriter({
        encode:     true,
        listful:    false
        })
    });

注意事项:

• “现在”的基本参数是为了绕过“某些浏览器”(猜一猜)AJAX 结果的缓存
• “encode”返回 POST 变量，而不仅仅是 POST 中的纯 JSON 结果。
• “listful”被禁用，因为用户一次只编辑一行/一列，无需设计服务器端解析器来引入数组，它只需要一行。
• 是的，我有一个很长的超时值。
• previewColumnConfig 是预先定义的，存储我的列定义。