backbone.js - 主干js中动态生成的按钮的事件哈希

Question

我有一个下划线模板，里面有一个按钮。我希望在主干视图的事件哈希中提及单击事件。

模板代码是：

<script type="text/template" id="ledgerListing">

<button class="btn btn-danger pull-right" id="addLedgerButton">Add Ledger</button>

</script>

查看代码是：

app.ledgerView=Backbone.View.extend({

el:"#container",

template:_.template($("#ledgerListing").html()),

events: {},


   initialize: function(){

    },

    render: function()
{
    this.$el.html(template())

}

}); 

现在如何在事件哈希中为 id 为 addLedgerButton 的按钮指定点击事件

Answer 1

您可以添加如下事件，（格式应该是event typeand a spaceandthe element

events: {
  'click #addLedgerButton': 'myclick'
},

并定义一个名为的函数myclick：

myclick: function () {
  alert(1);
}

这是jsfiddle。http://jsfiddle.net/w2jm7/