Длина коллекции базовых групп всегда установлена ​​в одну с вложенными представлениями

Question

Когда представление загружено, длина коллекции всегда возвращает 1, в то время как в функции разбора появляется 3 члена. Я задавался вопросом, была ли проблема вложенным представлением элементов, но, похоже, она ведет себя одинаково без! Я не понимаю, почему self.push (member) не добавляет модель в коллекцию! Бит застрял здесь, любая помощь, пожалуйста?

Модель

define([ 
'backbone' 
], function(Backbone) { 
'use strict'; 

var MemberModel = Backbone.Model.extend({ 
    id: "_id" 

}); 

return MemberModel; 

}); 

Коллекция

define([ 
'backbone', 
'models/MemberModel' 
], function(Backbone, MemberModel) { 
'use strict'; 

var Members = Backbone.Collection.extend({ 
    model: MemberModel, 
    url: '/api/v1/users', 

    parse: function(response, options) { 
    var self = this; 

    _.each(response.users, function(item){ 
     var member = new self.model(); 
     member.set('email', item.email); 
     member.set('firstname', item.firstname); 
     member.set('lastname', item.lastname); 
     member.set('group', item.group); 
     member.set('city', item.city); 

     // shows every member's emails 
     console.log('member.email='+member.get('email')); 
     self.push(member); 

    }); 

    console.log('this.length='+this.length); // this is always equal to 1 
    return this.models; 

    } 

}); 

return Members; 


}); 

Вид

define([ 
'collections/members',       
'views/membersItem', 
'text!templates/members.html' 
], function(MembersCollection, MembersItem, membersTpl) { 
'use strict'; 

var Members = Backbone.View.extend({ 
    el: '#settings-content', 
    template: _.template(membersTpl), 

    events: { 
    'click #edit-member': 'editMember' 
    }, 

    initialize: function() {  
    this.collection = new MembersCollection(); 

    this.render(); 
    }, 

    render: function() { 
    this.$el.html(this.template(this.model.toJSON())); 

    var self = this; 

    this.collection.fetch({ 
     success: function() { 
      self.renderMember(); 
     } 
    }); 

    return this; 
    }, 

    renderMember: function() {  
    // same here collection length = 1 
    console.log('collection.length:'+this.collection.length); 

    _.each(this.collection.models, function (item) { 
     var memberView = new MembersItem({model: item}); 
     $('.list-item', this.el).append(memberView.render().el); 
    }, this); 

    } 


}); 

return Members; 
}); 

Вложенный вид вещь

define([      
'text!templates/members_item.html' 
], function(membersItemTpl) { 
'use strict'; 

var MembersItem = Backbone.View.extend({ 
    tagName: "tr", 
    className: '.item', 
    template: _.template(membersItemTpl), 

    initialize: function() { 
    this.model.bind("change", this.render, this); 
    }, 

    render: function() { 
    this.$el.html(this.template(this.model.toJSON())); 
    return this; 
    } 

}); 

return MembersItem; 
}); 

Answer 1

Похоже, проблема с в коллекции дублированный id's. Предполагается, что это уникальный идентификатор .

Вставьте модель idAttribute внутри модели и убедитесь, что идентификаторы для этих трех объектов различны.

var MemberModel = Backbone.Model.extend({ 
    idAttribute: "_id" 

}); 

Если ваш идентификатор дублируется, модель не будет добавлена ​​в модель.

Если это не работает, попробуйте установить id Атрибут явно

_.each(response.users, function(item, index){ 
     var member = new self.model(); 
     member.set('_id', index);