0

为了将我的主干模型映射到我从服务器获得的模型,我使用了 GroupOn Dev 博客中描述的技术:https ://engineering.groupon.com/2012/javascript/extending-backbone-js-to-map-rough- api-responses-into-beautiful-client-side-models/

但是,这仅将传入数据映射到模型。

我希望这是双向的,这样当我保存模型时,它会准备模型属性以匹配服务器模型。

准备模型输出的最佳解决方案是什么?

4

2 回答 2

2

我遇到了同样的问题,我的服务器响应与我能够发布的完全不同。我在 Backbone.sync 对象的机制中发现了一种方法,我可以在 Backbone.sync 中的以下语句中将自定义 JSON 对象发布到我的服务器:

if (!options.data && model && (method == 'create' || method == 'update')) {
  params.contentType = 'application/json';
  params.data = JSON.stringify(model.toJSON());
}

同步评估 options.data 是否不存在,然后将 params.data 设置为字符串化模型。options.data 检查让我失望了。如果存在,同步将使用它而不是模型。因此,鉴于此,我覆盖了我的 model.save 以便可以传入我的服务器期望的属性哈希。

这是我覆盖它的方式:

save : function(key, value, options) {
    var attributes = {}, opts = {};

    //Need to use the same conditional that Backbone is using
    //in its default save so that attributes and options
    //are properly passed on to the prototype
    if (_.isObject(key) || key == null) {
        attributes = key;
        opts = value;
    } else {
        attributes = {};
        attributes[key] = value;
        opts = options;
    }

    //In order to set .data to be used by Backbone.sync
    //both opts and attributes must be defined
    if (opts && attributes) {
        opts.data = JSON.stringify(attributes);
        opts.contentType = "application/json";
    }

    //Finally, make a call to the default save now that we've
    //got all the details worked out.
    return Backbone.Model.prototype.save.call(this, attributes, opts);
}

那么你如何在你的情况下使用它呢?本质上,您要做的是创建一个反转映射并返回结果 JSON 的方法。然后你可以从你的视图或控制器调用 save 如下:

getReversedMapping : function() {
    ver reversedMap = {};
    ...
    return reversedMap;
},
saveToServer : function() {
    this._model.save(this.getReverseMapping, {
        success : function(model, response) {
            ...
        },
        error : function(model, response) {
            ...
        }
    })
}

由于您覆盖的保存会自动将您传入的 JSON 复制到 options.data,Backbone.sync 将使用它来发布。

于 2012-08-02T18:24:35.383 回答
0

Brendan Delumpa的答案很有效,但它使事情变得过于复杂。

不要在你的保存方法中这样做。您不想每次都复制这些参数检查(如果它们在 Backbone 中发生了某种变化怎么办?)。

相反,像这样覆盖模型中的同步方法:

var MyModel = Backbone.Model.extend({
    ...,
    sync: function (method, model, options) {
        if (method === 'create' || method === 'update') {

            // get data from model, manipulate and store in "data" variable
            // ...

            options.data = JSON.stringify(data);
            options.contentType = 'application/json';
        }

        return Backbone.Model.prototype.sync.apply(this, arguments);
    }
});

当您需要以服务器就绪格式“准备”数据时,这就是全部。

于 2013-08-04T15:33:52.517 回答