extjs4 - 是否有用于代理的非 json/xml 编写器？

Question

我正在构建一些模型来与之前项目中的现有 API 进行交互。

API 依赖标准 POST 方法来保存数据。

我已经配置了一个模型和代理，直到它确实将数据推送到服务器上，但似乎只有两种编写器类型：json 和 json。 xml。

proxy: {
        /* ... */
        reader: {
            type: 'json',
            root: 'results'
        },
        writer: {
            type: '???' // <-- can only see json or xml in the docs
        }
    }

是否有一个标准的 POST 编写器可以简单地在 post 字段中提交数据？

我很惊讶这不是标准的作家类型。

（解析 json 格式不会太难实现，但这意味着更新大量旧的 api 文件。）

Answer 1

好的，通过检查现有编写器的源代码，我可以很轻松地创建该编写器。

这些现有的编写者能够做的一件事是他们可以一次推送多个记录，这可能就是开发团队只实现 json 和 xml 版本的原因。

这可以在 POST 中实现，但会稍微复杂一些。

如果您尝试使用 POST 将单个模型推送到 api，则此编写器将起作用：

Ext.define('Ext.data.writer.SinglePost', {
    extend: 'Ext.data.writer.Writer',
    alternateClassName: 'Ext.data.SinglePostWriter',
    alias: 'writer.singlepost',

    writeRecords: function(request, data) {
        request.params = data[0];
        return request;
    }
});

并在代理中将其用于编写器：

writer: {
            type: 'singlepost'
        }

Answer 2

根据 Ben 的回答，我已经实现了自己的编写器，它将所有模型的所有属性收集到数组中。
例如，如果您有一些字段的模型：

fields:[
  {name:'id', type:'int'}
  {name:'name', type:'string'}
  {name:'age', type:'date'}
]

请求字符串将是

id=1&id=2&id=...&name=oleks&name=max&name=...&age=...

代码：

Ext.define('Ext.data.writer.SinglePost', {
    extend: 'Ext.data.writer.Writer',
    alternateClassName: 'Ext.data.SinglePostWriter',
    alias: 'writer.singlepost',
    writeRecords: function(request, data) {
        if(data && data[0]){
            var keys = [];
            for(var key in data[0]){
                keys.push(key);
            }
            for(var i=0;i<keys.length;i++){
                request.params[keys[i]] = [];
                for(var j=0;j<data.length;j++){
                request.params[keys[i]].push((data[j])[keys[i]]);
            }
        }
        }
        return request;
    }
});

Answer 3

对于 Sencha touch 2.0，将 writeRecords 方法更改为：

writeRecords: function (request, data) {
        var params = request.getParams() || {};
    Ext.apply(params, data[0]);
    request.setParams(params);
    return request;
}

Answer 4

这是我的版本，改编自上面的答案：

// Subclass the original XmlWriter
Ext.define('MyApp.utils.data.writer.XmlInAPostParameter', {

    extend : 'Ext.data.writer.Xml',

    // give it an alias to use in writer 'type' property
    alias : 'writer.xml_in_a_post_parameter',

    // override the original method
    writeRecords : function(request, data) {

        // call the overriden method - it will put the data that I 
        //   want into request.xmlData
        this.callParent(arguments);

        // copy the data in request.xmlData. In this case the XML 
        // data will always be in the parameter called 'XML'
        Ext.apply(request.params, {
            XML: request.xmlData
        });

        // Already copied the request payload and will not send it, 
        //   so we delete it from the request
        delete request.xmlData;

        // return the modified request object
        return request;
    }
});

Ext.define("MyApp.model.MyModel", {
    extend : "Ext.data.Model",
    requires : [ 
        'MyApp.utils.data.writer.XmlInAPostParameter' 
    ],

    fields : [ 'field_A', 'field_B' ],

    proxy : {
        type : 'ajax',

        api : {
            read : '/mymodel/read.whatever',
            update : '/mymodel/write.whatever'
        },

        reader : {
            type : 'xml'
        },
        writer : {

            // use the alias we registered before
            type : 'xml_in_a_post_parameter'
        }
    }

});