获取/保存后更新Backbone子模型

时间:2012-11-23 11:32:06

标签: javascript backbone.js

在我的Backbone应用程序中,我有一个由几个子模型组成的模型作为参数。

我这样定义:

app.Models.Account = Backbone.Model.extend({

    initialize : function( ) {
        this.set( { 
                info     : new app.Models.Info(),
                logins   : new app.Collections.Logins(),
                billing  : new app.Models.Billing(),
            } );
    }

});

问题在于提取和保存。当我获取例如JSON响应包括 info的对象,logins的数组和billing的对象。 Backbone自动将它们指定为普通参数,这意味着子模型被简单对象覆盖。

我目前的解决方案是覆盖模型的fetch方法,如下所示:

    fetch: function( options ) {
      options = options ? _.clone(options) : {};
      var model = this;
      var success = options.success;
      options.success = function(resp, status, xhr) {
        resp = model.parse( resp, xhr );

        model.get('info').set(resp.info);

        model.get('logins').reset(resp.logins);

        model.get('billing').set(resp.billing);

        if (success) success(model, resp);
      };

      options.error = Backbone.wrapError(options.error, model, options);
      return (this.sync || Backbone.sync).call(this, 'read', this, options);
    }

然而,这仅适用于获取。并且由于在调用save()方法时返回了创建的模型的更新状态,我还必须覆盖save()方法。

有没有什么好方法可以解决这个问题?

也许覆盖set()方法可能有效,但我担心这会意味着我会开始误入Backbone代码库。

我还考虑过使用像这样的解析方法

    parse : function ( response ) {
        this.model.get('info').set(response.info);
        response.info = this.model.get('info');

        this.model.get('logins').reset(response.logins);
        response.logins = this.model.get('logins')

        this.model.get('billing').set(response.billing);
        response.billing = this.model.get('billing');

        return response;
    }

将创建对已更新的子模型的引用。

1 个答案:

答案 0 :(得分:3)

我通常会将parse用于子模型,如第二个示例所示(尽管请注意,最后需要返回response)。我认为这在概念上是准确的,因为parse是将服务器端表示转换为客户端表示的适当位置。我相信这也适用于save,虽然我没有测试过,因为parse也会在保存响应中调用。

根据我的经验,压倒set只不过是麻烦 - 它往往会产生意想不到的副作用,最好避免使用。