Question

我正试图让这个工作，但我很努力。当我在success上查看fetch回调时，我的收藏结果为空。在parse期间，它没有给我任何明显的错误。这是我的代码：

我的收藏：

VOR.Collections.GridItems = Backbone.Collection.extend({
        model : VOR.Models.GridItem,
        url: "assets/data/grid.json",
        parse: function(response){
            var self = this;

            _.each(response, function(griditem){
                switch(griditem.type){
                    case "news":
                        self.add(new VOR.Models.NewsGridItem(griditem));
                        break;
                    default:
                        self.add(new VOR.Models.StandardGridItem(griditem));
                        break;
                }
            });
        }
});

这是我创建集合的方式：

griditems = new VOR.Collections.GridItems();

griditems.fetch({
    error: function(e) {console.log(e);},
    success: function(msg) {
        console.log(msg)
    });

当我登录日志msg时，我得到：对象{length = 0，models = [0]，_byId = {...}，更多...}

我还在集合中记录了parse函数，它通过JSON文件运行得很好......关于这里可能出错的任何想法？ msg对象的长度应为5..e.e。这是parse函数循环和（应该）将模型添加到集合的次数。

Answer 1

处理此问题的一种好方法是重新定义model属性，该属性告诉集合如何将新模型添加到集合中，如此POST中所述：A Backbone.js Collection of multiple Model subclasses（感谢@rulfzid，谁回答了我的问题：））

在您的情况下，您应该能够像这样定义模型属性：

var VOR.Collections.GridItems = Backbone.Collection.extend({

  url: "assets/data/grid.json",

  model: function(attrs, options) {
    switch(attrs.type) {
      case "news":
        return new VOR.Models.NewsGridItem(attrs, options);
      default:
        return new VOR.Models.StandardGridItem(attrs, options);
    }
  }

});

Answer 2

最好将网格项存储在不同的集合中，并使用以下模型将它们包装起来：

var model = Backbone.Model.extend({
    url: 'assets/data/grid.json'
    newsItems: Backbone.Collection.extend({
        model: VOR.Models.NewsGridItem
    }),
    standartItems: Backbone.Collection.extend({
        model: VOR.Models.StandardGridItem
    }),

    initialize: function() {
        this.newsItems = new this.newsItems();
        this.standartItems = new this.standartItems();

        this.newsItems.bind('all', function() {
            this.trigger.apply(this, arguments);
        }, this)
        this.standartItems.bind('all', function() {
            this.trigger.apply(this, arguments);
        }, this)
    },

    parse: function(request) {
        _.each(response, _.bind(function(griditem) {
            switch (griditem.type) {
                case "news":
                    this.newsItems.add(griditem);
                    break;
                default:
                    this.standartItems.add(griditem);
                    break;
            }
        }, this));
    }
})

model.fetch()

Answer 3

// **parse** converts a response into a list of models to be added to the
// collection. The default implementation is just to pass it through.
parse : function(resp) {
  return resp;
},

这就是文档说你应该在解析时做的事情。无论您返回什么，都将被设置为集合起始数组。这是从以下地方调用的地方：

  options.success = function(resp) {
    collection[options.add ? 'add' : 'refresh'](collection.parse(resp), options);
    if (success) success(collection, resp);
  }

所以我建议将你的解析改为：

return _.map(response, function(griditem){
    switch(griditem.type){
        case "news":
            return new VOR.Models.NewsGridItem(griditem);
            break;
        default:
            return new VOR.Models.StandardGridItem(griditem);
            break;
    }
});

如何在backbone.js中创建具有多种模型类型的集合？

3 个答案: