2

ビューが読み込まれると、コレクションの長さは常に 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;
});
4

1 に答える 1

6

問題はid'sコレクションに重複しているようです。一意の識別子である必要があります。

モデル内にidAttributeを設定し、問題の 3 つのオブジェクトの ID が異なることを確認します。

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

});

ID が重複している場合、モデルはモデルに追加されません。

それでもうまくいかない場合は、id属性を明示的に設定してみてください

 _.each(response.users, function(item, index){
        var member = new self.model();
        member.set('_id', index);
于 2013-08-02T01:17:16.570 に答える