引用事件回調中包含的骨幹視圖？

我正在使用RequireJS和Backbone，並使用listenTo收聽collection的add事件。我無法弄清楚如何將this作爲我所處視圖的實例，在這種情況下爲GroupView。引用事件回調中包含的骨幹視圖？

define([ 
    'underscore', 
    'backbone', 
    'handlebars', 
    ... 
    ... 
    ], function(_,Backbone,Handlebars,...){ 
    ... 
    ... 
    var GroupsView = Backbone.View.extend({ 
     el: "#current-item", 

     collection: Groups, 
     model: Group, 

     groupTemplate: Handlebars.compile(GroupTemplate), 

     events: { 
      "click #add-group"    : "addGroupClicked", 
     }, 

     initialize: function(){ 
      this.listenTo(Groups,'add',this.addGroup,this); 
     }, 

     addGroup: function(group){ 
      //I want a reference to this instance of GroupsView here. 
      //if I use this... it references 
      //Uncaught TypeError: Object [object global] has no method 'groupTemplate' 
      console.log(this.groupTemplate); 
      //Uncaught TypeError: Object [object global] has no method 'redrawGroups' 
-->   console.log(this.redrawGroups); 
     }, 

     redrawGroups: function(){ 

     }, 
    ... 
    ...

來源

2013-11-26 Johnston

您有：

this.listenTo(Groups,'add',this.addGroup,this);

隨着骨幹on你可以提供一個第四個參數，因爲你所做的一切，設置上下文。但是，這不適用於listenTo;它只需要三個參數（這是因爲listenTo總是將上下文設置爲收聽對象）。

你應該能夠解決這個問題通過創建一個綁定addGroup像這樣：

this.listenTo(Groups,'add',_(this.addGroup).bind(this));

或者你可以在方法簡單地綁定到你的類：

_(this).bindAll('addGroup');

這將然後讓你只是：

this.listenTo(Groups,'add',this.addGroup);

來源

2013-11-26 23:34:23 machineghost

'bindAll'解決方案確實對我有用。然而，第一個只有'bind'的例子對我來說似乎不起作用。我不明白爲什麼它不起作用。謝謝你，先生！ – Johnston

奇怪的是，它們應該是相當的......很高興你能夠正常工作。 – machineghost

另外我不知道你可以做'_（this）.bindAll（'addGroup'）'。我認爲它必須是'_.bindAll（this，'addGroup'）'。 – Johnston

引用事件回調中包含的骨幹視圖？

回答

相關問題