Различные типы моделей в одной коллекции Backbone

Таким образом, решение было сочетанием использования функции модели и возврата.

Вот объяснение:

Во-первых, у нас есть функция разбора, которая является просто точкой входа для нас, чтобы изменить ответ, который мы получаем от нашего сервера.

parse: function (resp, options) {
    return resp;
}

В моем случае сервер возвращал объект объекта как

{{1:data},{2:data}}

Во-первых, это странно и, очевидно, должно быть решено. ВАЖНЫЙ МОМЕНТ: когда магистраль оценивает ответ, возвращаемый синтаксическим анализом, она должна решить, где остановиться для каждой модели, как в том, что определяет новую модель.

Backbone рассматривает объекты как единую модель, и, как и в моем случае, у меня был один большой объект, я получал одну большую модель... вот почему аргумент attrs в функции модели был одной большой мешаниной данных.

Поэтому я просто изменил свой ответ в функции синтаксического анализа и вуаля!! все в функции модели работало так, как ожидалось:

Вот код:

model: function (attr, options) {
    if(attr.hasOwnProperty('prop')){
        return new PropModel(attr,options);
    }
    else if (attr.hasOwnProperty('anotherProp')){
        return new AnotherPropModel(attr,options);
    }
},

parse: function (resp, options) {
    var response = [];
    _.each(resp, _.bind(function (r) {
        response.push(r);
    },this));
    return response;
}

Я уверен, что есть лучший способ преобразовать объект в массив, но пока это работает, и я снова улыбаюсь!!

Эта статья привела меня к решению: коллекция кукол

Вы можете сделать что-то вроде следующего: отреагировать на другой тип (если возможно), а затем указать другой URL-адрес. Затем, когда модели JSON находятся в шаблоне, вы можете отображать HTML так, как вам нравится:

Пример JSON

"[{"id":1,"Type":"Person"},{"id":2,"Type":"Business"}]"

Пример модели

var Person = Backbone.Model.extend({

    keyTypes: {
        Person: 'Person',
        Business: 'Business'
    },

    url: function() {
        // we are assuming only two types. Change logic if there are three or more types.
        return this.get('Type') === this.keyTypes.Person ? '/api/people' : '/api/businesss';
    }

});

Подборка

var Collection = Backbone.Collection.extend({
    model: Person
});

Просмотреть

var View = Backbone.View.extend({

    initialize: function() {
        this.collection = new Collection()
            .on('fetch', this.render, this);
    },

    bootstrap: function() {
        this.collection.fetch();
    }

    render: function() {
        this.$el.html(_.template({
            models: this.collection.toJSON()
        }));
    }
})

** !! Обновлять !! **

Если вы все еще хотите использовать синтаксический анализ, это может выглядеть следующим образом.

parse: function (data, options) {

    var models = [];
    _.each(data, function (entity) {
        // this is IE8 Safe....
        var model = Object.prototype.hasOwnProperty.call(entity,'prop') ? PropModel : AnotherPropModel;
        models.push(new model(entity));    
    });

    return models;
}