如何在表格字段添加功能 - Backbone.js

Question

我在需要調試的Backbone應用程序中有此代碼。 （粗略的想法）

window.TableView = Backbone.View.extend({ 
    initialize: function() {... 
.. 
.. 
... 
     }); 

    }, 
    selectRow: function() { 
... 
... 
.. 

    }, 
    render: function() { // this renders my models fields in a table 

     var editableColumns = [ 
      //{ name: "display", type: "combobox", combobox: comboboxOptions, validate: validateText }, 
      { name: "display" }, 
      { name: "submitDate", type: "datepicker", datepicker: datepickerOptions }, 
      { name: "displayDate", type: "datepicker", datepicker: datepickerOptions }, 
      { name: "name"}, 
... 
... 

現在我的問題是，我怎麼能增加一個功能到這個領域：{ name: "display" } 喜歡的onclick或對焦功能等之後？例如我可以，

{ name: "display", onclick: setMyText(); }或類似的東西？ backbone.js還是其中一個組件的一部分？我在哪裏可以閱讀更多關於此？

Answer 1

在Backbone你有events散列View你可以在那裏指定分別爲View。事件在以下格式指定：

{"event selector": "callback"} 

所以你的情況爲所有editableColumns你還需要爲每一個selector或可能你可以通過使用name屬性來指定。嘗試指定這樣的events散列：

events: { 
    'click .columnSelector[name="display"]' : "setMyText" 
} 

其中.columnSelector是施加到element是要編輯的class。

有關events的詳細信息，請檢查this。