0

この質問を見てきましたが、再レンダリング後にサブビューのイベントを維持するのにまだ問題があります。ここで問題を再現しようとしました：

var MainView = Backbone.View.extend({
    initialize : function() {
      this.composer = new Composer();
    },
    render : function() {
        this.$el.html(this.composer.render().el);
    }
});

var SubView = Backbone.View.extend({
    tagName: 'li',
    events: {
        "click": "click"
    },

    click: function(){
        console.log( "click!" );
    },

    render: function(){
        this.$el.html( "click me" );
        return this;
    }
});

var Composer = Backbone.View.extend({
    tagName : 'ul',    
    render: function(){
        console.log( "Composer.render" );
        this.$el.empty();
        for (var i = 0; i < 5; i++) {
            var sub = new SubView();
            this.$el.append( sub.render().el );           
        }   
        sub.delegateEvents();
        return this;
    }
});

http://jsfiddle.net/4qrRa/2/

この例では、ビューを再レンダリングすると、サブビューのクリック イベントが無効になります。なぜこれが機能しないのかわかりません。

4

1 に答える 1

2

投稿したリンクの説明に従ってください。と の呼び出しthis.composer.delegateEvents();の間に呼び出しを含めるだけです。（リンクで説明されています）empty()append()

したがって、次のように変更するだけですMainView：

var MainView = Backbone.View.extend({
    initialize: function () {
        this.composer = new Composer();
    },
    render: function () {
        this.$el.empty();
        this.composer.delegateEvents();
        this.$el.append(this.composer.render().el);
    }
});

ここで JSFiddle を見てみましょう: http://jsfiddle.net/4qrRa/5/

于 2013-01-17T13:34:37.090 に答える