7

エラーが発生しました:

オブジェクトレンダリングには、以下のコードに適用されるメソッドはありません。

理由は何ですか?htmlページには、javascriptのリンク以外のコードは含まれていません。
エラーを削除するにはどうすればよいですか?

(function($) {

    window.Book = Backbone.Model.extend({});

    window.Library = Backbone.Collection.extend({

        model: Book

    }); // end of Collection
    window.LibraryView = Backbone.View.extend({

        el: $('body'),

        events: {
            'click button#btn_add': 'btn_add'

        },

        initialize: function() {
            $(this.el).append("View initialized");
            _.bindAll(this, 'render', 'btn_add');
            this.collections = new Library();
            this.collections.bind('add', 'render', this);
            this.startingDisplay();

        },
        startingDisplay: function() {
            $(this.el).append("<input type='text' id='t1' /><button id='btn_add'>Add</button>");

        },

        btn_add: function() {

            book = new Book({
                title: "first"
            });
            alert("Name : " + book.get('title'));
            this.collections.add(book);
        },

        render: function() {
            alert("render called");

        },

    }); // end of LibraryView
    libraryview = new LibraryView();

})(jQuery);​
4

1 に答える 1

4

addコレクションイベントをバインドするために正しい構文を使用していません。使用する:

// this.collections.bind('add', 'render', this);
this.collections.bind('add', this.render, this);

2番目のパラメーターは、コールバック(関数)であることが期待されています。

デモ

于 2012-04-01T08:24:04.693 に答える