2

在我的路由器对象中，我创建了一个事件对象以在我的视图之间共享

我将事件对象传递给我的视图

我像这样向这个共享对象注册事件

var productCatalogView = Backbone.View.extend({
      initialize: function (options) {
                     //bind alert event to sharedEvents
                    options.sharedEvents.bind("alert", this.alert,this);
                },
      alert: function () {
                    alert('alerted');
                }
    });

//以下视图触发alert事件

 var testView = Backbone.View.extend({

            initialize: function (options) {
                this.sharedEvents = options.sharedEvents;
            },
            events: {
                 'click #test': 'triggerAlert'
            },

            triggerAlert: function (e) {
                this.sharedEvents.trigger("alert", null);

            }           

        });

问题：我遇到的问题是我第一次单击触发警报事件的按钮（第二个视图），警报事件被调用一次（好），这导致第一个视图通过触发重新呈现路由传递搜索参数，因此创建第一个视图并再次绑定 sharedEvents，因此当我第二次触发警报事件时，它会被触发两次（坏），下次我重复相同的过程时，它会被触发 3 次，等等等等。我猜它与第一个视图中的事件绑定有关，它发生不止一次，即每次初始化视图时（如果我是正确的）请我怎样才能使事件的绑定发生一次。

这是我的路由器，它显示了我如何初始化视图：

var Router = Backbone.Router.extend({

    sharedEvents:_.extend({},Backbone.Events),

    catalog: function (id) {

       //....unecessary code left out

        var productView = new ProductView({sharedEvents:this.sharedEvents});

            this.renderView(productView);
            this.renderView(new testView({sharedEvents: this.sharedEvents }));
       }

      renderView: function (view) {
                if (null != this.currentView) {
                    this.currentView.undelegateEvents();
                    // this.currentView.remove();
                }
                this.currentView = view;
                this.currentView.render();
            }

});

我已经尝试过这个解决方案，但问题仍然存在，谢谢

4

1 回答 1

5

尝试使用 Backbone.Events 的listenTo方法而不是bind方法。然后，在您的renderView(), 调用this.currentView.remove而不是this.currentView.undelegateEvents.

理由：

我相信您的renderView()方法，您undelegateEvents()认为它会释放您的视图创建的所有事件侦听器。它只释放绑定到视图元素的事件$el。但是，remove()在视图上使用会释放绑定到 的$el事件以及使用this.listenTo()(and this.listenOnce()) 创建的事件。

现在，一旦您渲染另一个视图，旧视图currentView将被正确释放，您只会收到一个警报。

于 2013-10-01T17:18:33.337 回答