在backbonejs中动态生成按钮的事件哈希

时间:2013-01-19 11:48:30

标签: backbone.js underscore.js

我在下划线中有一个模板,里面有一个按钮。我想在骨干视图中的事件哈希中提到一个click事件。

模板代码是:

<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的按钮的事件哈希中指定click事件

1 个答案:

答案 0 :(得分:0)

您可以按以下方式添加事件,(格式应为 event type a space the element < / em>的

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

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

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

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