如何綁定骨幹元素？

Question

我有一個小骨架類：

view = Backbone.View.extend({ 
    events: { 
     "click textarea" : "doSomething" 
    }, 
    doSomething : function() { 
     var textarea = $(this.el).find('textarea') 
     // I would like to just call, this.textarea, or this.elements.textarea 
    } 
}); 

我非常希望能夠通過一個變量來訪問，而不必每次搜索的元素我的textarea。任何人有任何想法如何做到這一點？

Answer 1

傳遞事件作爲參數，然後使用事件目標

view = Backbone.View.extend({ 

    events: { 
     "click textarea" : "doSomething" 
    }, 
    doSomething : function(event) { 
     var textarea = $(event.target); 

    } 

}); 

Answer 2

也許我在想，但如何回合給textarea的一類或ID並在需要時專門針對，

或創建生成textarea的

var View = Backbone.View.extend({ 
    el: '#main', 
    initialize: function(){ 
     this.render(); 
    }, 
    render: function() { 
     var subview = new SubView(); 
     this.$('form').append(subview.el); 
     this.$('form').show(); 
    }, 
}); 

var SubView = Backbone.View.extend({ 
    tagName: 'textarea', 
    id: 'whateverId', 
    events: { 
     "click" : "doSomething" 
    }, 
    initialize: function(){ 
     this.render(); 
    }, 
    doSomething : function(event) { 
     var textarea = $(event.target); 
     // or var textarea = $(this.el); 
    }, 
    render: function(){ 
     return $(this.el); 
    } 
}); 

Answer 3

其他的答案給你，你需要參考一個子畫面，但如果你真的需要一個句柄textarea的，然後你可以做這樣的事情：

view = Backbone.View.extend({ 
    initialize: function() { 
    this.myTextareaElement = $(this.el).find('textarea') 
    } 
    events: { 
    "click textarea" : "doSomething" 
    }, 
    doSomething : function() { 
    // use this.myTextareaElement ... 
    } 
});