初始化后添加backbone.js事件

此代码没有太多上下文，但会说明我的问题。这是一个在AMD模块中定义的骨干视图，我用它来加载require.js初始化后添加backbone.js事件

本质上，我希望能够在运行初始化后将事件添加到主干视图。目前我正在创建一个空的事件对象，然后在一个名为addView的方法中，每次调用该函数时都会添加一个事件。这目前没有工作。

我不确定事件是在什么时间注册的，但我怀疑我在某种程度上必须让events对象更改时更新它的监听器。

有谁知道我可以如何在初始化后将事件添加到Backbone.js？

define([ 
    'jQuery', 
    'Backbone'], 

    function ($, Backbone) { 

     var contentViews = new Array(); 

     var SlidePanelView = Backbone.View.extend({ 

      events: {}, 

      /// <param name="targetDataAtt">The unique value inside the target's Data-Slide-Panel-Id attribute</param> 
      /// <param name="event">Backbone event to trigger view</param> 
      /// <param name="destroyOnRemove">True to destroy view when removed, False otherwise (Default true)</param> 
      addView: function (targetDataAtt, event, view, destroyOnRemove) { 
       destroyOnRemove = typeof destroyOnRemove !== 'undefined' ? destroyOnRemove : true; 

       this.events[event] = "viewEventFired"; 
       contentViews[targetDataAtt] = { View: view, DestroyOnRemove: destroyOnRemove }; 
      }, 

      viewEventFired: function (e) { 

       var target = $(e.target); 
       var id = target.attr('data-slide-panel-id'); 
       console.log(id); 
      } 

     }); 

     // Return a singleton?? 
     return new SlidePanelView; 


    });

来源

2012-04-17 Chris

如果我理解正确的问题，添加其他事件的事件哈希后，调用delegateEvents()在视图上重新绑定事件。

addView: function (targetDataAtt, event, view, destroyOnRemove) { 
     destroyOnRemove = typeof destroyOnRemove !== 'undefined' ? destroyOnRemove : true; 
     this.events[event] = "viewEventFired"; 
     this.delegateEvents(); 
     contentViews[targetDataAtt] = { View: view, DestroyOnRemove: destroyOnRemove }; 
    }

它并解除绑定所有现有的事件绑定并重新绑定事件中的所有事件再次乱码，我不知道的这样做的潜在的性能问题，但它的东西要注意的。

来源

2012-04-17 02:01:50

初始化后添加backbone.js事件

回答

相关问题