0

関数ごとに問題があります。コンソールにエラーがあります:

キャッチされていない TypeError: 未定義のメソッド 'each' を呼び出せません

window.App = {
    Models: {},
    Views: {},
    Collections: {}
};
window.template = function (id) {
    return _.template($('id' + id).html());
};
App.Models.Table = Backbone.Model.extend({
    defaults: {
            name: 'Table Name',
        },
});
App.Collections.Tables = Backbone.Collection.extend({
    model: App.Models.Table,
    url: 'tables.json'
});
App.Views.Tables = Backbone.View.extend({
    tagName: 'ul',
    initialize: function() {
        this.collection.fetch({reset:true});
        this.collection.on('reset', this.render);
        this.collection.on('add', this.addOne, this );
    },
    render: function () {
        this.collection.each(this.addOne, this);
        return this;
        },
    addOne: function(table) {
        var table = new App.Views.Table({ model: table });
        this.$el.append( table.render().el );
        table.render();
        }
});
App.Views.Table = Backbone.View.extend({
    tagName: 'li',
    initialize: function() {
      this.model.on('destroy', this.remove, this)  
    },
    render: function () {
        this.$el.html( this.model.get('name') );
        return this;
    },
});
var tablesCollection = new App.Collections.Tables();    
var tablesView = new App.Views.Tables({ collection: tablesCollection });

どこにもエラーが見つかりません。私のjsonファイル：

[
    {"name": "Table 1","stts": "redstts","id": 1},
    {"name": "Table 2","stts": "redstts","id": 2},
    {"name": "Table 3","stts": "redstts","id": 3},
    {"name": "Table 4","stts": "redstts","id": 4},
    {"name": "Table 5","stts": "redstts","id": 5}
]

コレクションからすべてのオブジェクトをレンダリングしたい。その後、クリック後に次のテーブルを追加するイベントを追加したい。しかし、私の問題は、なぜこれが関数ではないのですか?

4

1 に答える 1

4

Render に正しいコンテキストがありません。

this.collection.on('reset', this.render);
this.collection.on('add', this.addOne, this );

context パラメーター (3 番目のパラメーター) を追加する必要があります。

this.collection.on('reset', this.render, this);
于 2013-09-19T01:19:58.453 に答える