backbone.js - backbonejsで動的に生成されたボタンのイベントハッシュ

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 typeますa spacethe element

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

myclick：という名前の関数を定義します。

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

これがjsfiddleです。http://jsfiddle.net/w2jm7/