2

我有一个模型链接到两个子模型，如下所示：

var SubModel = Backbone.Model.extend({
    defaults: {
        headline: null,
        image_url: null,
        url: null
    }
});

var MainModel = Backbone.Model.extend({
    defaults: {
        subModelA: null,
        subModelB: null,
        title: null
    },

    urlRoot: function() {
        if (this.isNew()) {
            return '/mainmodel/new';
        }
        return '/mainmodel';
    },

    initialize: function() {
        this.fetch();
    },

    parse: function(data) {
        var response = {};
        response.subModelA = new SubModel(data.subModelA);
        response.subModelB = new SubModel(data.subModelB);
        response.title = data.title;
        return response;
    }
});

我目前遇到的问题是调用var mainModelInstance = new MainModel()确实正确地从中获取/mainmodel/new但mainModelInstance.attributes始终是一个空白对象{}。

var mainModelInstance = new MainModel();
mainModelInstance.attributes; // Returns {}

以下是服务器响应的示例/mainmodel/new：

{
    "title": "Politics",
    "subModelA": {
        "headline": "Investigators: Iran tried to smuggle suicide belts, missiles by boat into Yemen",
        "url": "http://dailycaller.com/2013/02/09/yemen-minister-says-weapons-came-from-iran/",
        "image_url": "http://cdn01.dailycaller.com/wp-content/uploads/2013/02/54c7d52e1a384db489ab9ea568afddb0-e1360455589316.jpg"
    },
    "subModelB": {
        "headline": "Review: Who needs Windows RT? Acer's Iconia W510 runs the real thing",
        "url": "http://arstechnica.com/gadgets/2013/02/review-who-needs-windows-rt-acers-iconia-w510-runs-the-real-thing/",
        "image_url": "http://cdn.arstechnica.net/wp-content/uploads/2013/02/w510-main-640x388.jpg"
    }
}

似乎模型的属性没有通过parse. 为什么没有更新模型的属性？

4

3 回答 3

6

您的代码也可以正常工作，但您没有正确测试它

您正在调用您的this.fetch初始化方法。调用model.fetch是异步调用，当您尝试评估mainModelInstance.attributes时，http 请求调用尚未完成。

您应该使用以下方法进行测试：

var mainModelInstance = new MainModel();
mainModelInstance.on('change', function() {
  console.log(mainModelInstance.toJSON());
});

甚至更好，不要自动获取initialize（无论如何这不是最佳实践）并使用 jQuery 承诺模式：

var mainModelInstance = new MainModel();
mainModelInstance.fetch().done(function () {
  console.log(mainModelInstance.toJSON());
});
于 2013-02-10T07:22:46.577 回答
3

这只是一个正在进行的答案，请随时在评论中讨论。

我会MainModel像这样更改您的定义：

subModelA: new SubModelA(),
subModelB: new SubModelB(),
parse: function(data){
   this.subModelA.set(data.subModelA);
   this.subModelB.set(data.subModelB);
   return data;  // we keep two copies of the data, in mainModel and submodels.
}

因此，假设您的服务器响应与您的答案完全相同

var model = new MainModel();
model.get('title'); // Politics
model.subModelA.get('headline'); // Investigators: Iran tr...

然后，您可能必须根据您希望如何将内容持久化回服务器来覆盖 save 方法 - 这可能会起作用。

save: function(key, val, options) {
  this.set({
    subModelA: this.subModelA.toJSON(),
    subModelB: this.subModelB.toJSON()
  });
  Backbone.Model.prototype.save.apply(this, arguments);
}
于 2013-02-10T05:56:54.987 回答
1

首先，必须将默认属性值放入defaults选项中，如下所示：

var SubModel = Backbone.Model.extend({
  defaults: {
    headline: null,
    image_url: null,
    url: null
  }
});

然后，您将在创建新实例时将值保存到服务器。这也会填满你的mainModelInstance.attributes哈希值。

对于解析问题，您是否已将 ( console.log) 记录在从服务器返回的内容中？

于 2013-02-10T04:54:35.610 回答