Backbone.js的如何包括自定义功能

Question

下面是我的html页面/视图页面包括我的问题是我如何包括我的切换功能，在我看来/ JS文件

camp.html

<table cellpadding="0" cellspacing="0" border="0" class="camp" id="camp"> 

    <tr> 
    <th width="5%"><input type="checkbox" onChange="toggle(this)" class="tick_mark" /></th> 
    <th width="45%">Campaign Name</th> 
    </tr> 
    </table> 

EDIT 的意见/ camp.js

 define([ 
     'jquery', 
     'underscore', 
     'backbone', 
     'text!templates/camp.html', 
     'collections/camp', 
     'views/campviews', 
     'constants' 
     ], function($, _, Backbone, allcamp, Campaignscollection, Campaignsview, Constants) { 
      if (!CM.Views) { 
       CM.Views= {}; 
      } 
      CM.Views.camp = Backbone.View.extend({ 

      template: _.template(allcamp), 

      initialize: function() { 
       this.on("change:name", function(model){ 
        var name = model.get("name"); // 'Stewie Griffin' 
        alert("Changed my name to " + name); 
       }); 
       _self = this; 
       this.campaigns = new Campaignscollection(); 
       this.campaignsview = new Campaignsview({collection:this.campaigns}); 
       this.campaigns.fetch({ 
       success: function() { 
       // _self.render(); 
         $(_self.el).find("#camp").append(_self.campaignsview.render().el); 

       } 
       }); 
      }, 
    events:{ 
    'change .tick_mark': 'toggle' 
    }, 
    toggle : function(){ 
    alert("//"); 
    }, 

      toggle: function(newChildsName){ 
       //this.set({ child: newChildsName }); 
       alert("in toggle"); 
      }, 
      render: function() { 
       $(this.el).html(this.template()); 
       return this; 
      } 
     }); 

     return CM.Views.camp; 
    }); 

Answer 1

我认为正确的方法（不显眼的）放在一个id或类输入：

<th width="5%"><input type="checkbox" id="myInput" /></th> 

，然后在视图附加事件监听器：

events:{ 
     'change #myInput': 'toggle' 
     }