ExtJS 4 问题，尝试对深层嵌套的 JSON 数据进行更新

Question

我的 Json 数据：-

{
    "attributes": { 
        "list": [
        {
            "name":"attribute2",
            "value":"attribute2 value"
        }, {
            "name":"attribute1",
            "value":"attribute1 value"
        }]
    }
    "name":"name1",
    "id":1234
}

我的商店定义：-

Ext.define('Attr', {
    extend: 'Ext.data.Store',
    model: 'Attribute',
    autoLoad: true,

    proxy: {
        type: 'rest',
        url: 'data/1234',
        api: {
            update: 'newdata/1234'
        },
        reader: {
            type: 'json',
            root: 'attributes.list'
        }
    }
});

我的模型定义：-

Ext.define('Attribute', {
    extend: 'Ext.data.Model',

    fields: ['name','value']
});

显示上述商店的视图：-

{
    xtype: 'grid',
    store: 'Attr',
    id: 'attrpanel',
    columns: [
    {
        header: 'Name',
        sortable: true,
        dataIndex: ['name'],
        flex: 1
    }, {
        header: 'Value',
        sortable: true,
        dataIndex: ['value'],
        flex: 1
    }]
}

当前情况：我可以显示 Json 对象中的数据值。

问题：每当我在编辑字段后在控制器中调用 this.getAttrStore().sync() 时，都会收到错误。 我搜索了许多论坛，发现更新深度嵌套的 JSON 数据时似乎存在一些问题。

我曾想过购买 Peter Muller 的补丁，但我还没有真正尝试过。

如果我错了，请纠正我，或者如果你能指出我一些有用的东西，这将是一个很大的帮助。

非常感谢！

Answer 1

据我所知，Ext JS 4.0 可能支持读取嵌套 JSON，但它似乎不支持提交相同的 JSON。我遇到了 Order 包含 OrderItems 的问题。 Ext 可以很好地读取它，但调用 Order.Save 不会包含这些项目。

这篇文章并不是决定性的，因为 sencha 团队还没有回复它，但用户似乎说它不受支持。

http://www.sencha .com/forum/showthread.php?144653-ExtJS-4-updating-deeply-nested-Json-Data

Answer 2

我遇到了同样的问题，并最终使用了 Beachdog 的 Sencha 论坛。
他使用覆盖将关联的数据应用到记录，然后保存它：

Ext.define('custom.JsonWriterOverride', {
    override: 'Ext.data.writer.Json',

    getRecordData: function(record) {
            Ext.apply(record.data,record.getAssociatedData()); // <--
            return record.data;
    }
});

然后您可以使用覆盖作为模型中的要求，如下所示：

Ext.define('My.model.Query', {
   extend: 'Ext.data.Model',

    requires: ['custom.JsonWriterOverride'], // <--
 ...
  proxy: {
        type: 'rest',
        url: 'webApp/query.do',
        reader: {
            type: 'json',
            root: 'data'
        },
        writer: {
            type: 'json',
            writeAllFields: true
        }
    }
 });

恕我直言，这是一个优雅而直接的解决方案；所有的功劳都归海滩狗所有。

Answer 3

你得到什么错误？
您是在 HTTP 请求之前还是之后收到此错误？
服务器发送的响应是什么？

无论如何，我建议为您的代理配置一个编写器。