經與骨幹查看

Question

一個問題，我是新來的骨幹，我試圖完成一些簡單的任務，比如從模型渲染名稱列表。但我得到這個錯誤：

'cannot read property "model" of undefined' 

我真的很感謝任何幫助，以及任何提示一般。

var Student = Backbone.Model.extend({ 
    getConvertedToHash: function() { 
     return $.extend({}, this.attributes.student[0], this.attributes.student[1], this.attributes.student[2]); 
    } 
}); 

var Group = Backbone.Collection.extend({ 
    model: Student, 
    initialize: function() { 
     this.add(new Student({ 
      student: [ 
      { 
       "name": "john", 
       "lastName": "fox", 
       "middleName": "yonson" 
      },{ 
       "age": 26, 
       "gender": "male" 
      },{ 
       "passport": "qpuid5423", 
       "inn": 123542 
      }] 
     })); 
     this.add(new Student({ 
      student: [ 
      { 
       "name": "john", 
       "lastName": "fox", 
       "middleName": "yonson" 
      },{ 
       "age": 26, 
       "gender": "male" 
      },{ 
       "passport": "qpuid5423", 
       "inn": 123542 
      }] 
     }));   
    } 
}); 

var StudentView = Backbone.View.extend({ 
    tagName: 'li', 
    className: 'alert alert-info', 
    initialize: function() { 
     _.bindAll(this, 'render'); 
    }, 
    render: function() { 
     this.$el.html(this.model.getConvertedToHash().name); 
     return this; 
    } 
}); 

var GroupView = Backbone.View.extend({ 
    el: $('body'), 
    initialize: function() { 
     _.bindAll(this, 'render'); 
     this.group = new Group(); 
     this.render(); 
    }, 
    render: function() { 
     var $ul = $('<ul>').addClass('student-list'); 

     _.each(this.group.models, function (element, i) { 
      var studentView = new StudentView({ 
       model: this.group.models[i] 
      }); 
      $ul.append(studentView.render().el); 
     }); 
     thi.$el.append($ul); 
    } 
}); 
var groupView = new GroupView(); 

我需要在學生模型怪方法getConvertedHash()這樣我就可以得到一個哈希值，而不是對象的數組（如我的初步數據結構：這需要進一步的目的）。

Answer 1

你想要的是使用.each迭代它的目的是使用方式：

this.group.each(function (model) { 
    var studentView = new StudentView({model: model}); 
    $ul.append(studentView.render().el); 
}); 

Answer 2

您輸入錯誤的錯誤，錯誤的是，物業models不存在。裏面你render功能不應該說this.group.models應該說this.group.model。

render: function() { 
    var $ul = $('<ul>').addClass('student-list'); 

    _.each(this.group.model, function (element, i) { // here 
     var studentView = new StudentView({ 
      model: this.group.model[i] // and here 
     }); 
     $ul.append(studentView.render().el); 
    }); 
    this.$el.append($ul); // also "this" was mistyped 
}