JavaScript養成読本 特集1 第7章 リスト1 訂正

chapter7_list1.js

App.NoteListItemView = Backbone.View.extend({
  tagName: 'tr',
  initialize: function() {
    // モデルのdestroyイベントを監視して
    // Backbone.Viewのremove()メソッドを呼び出す
    this.listenTo(this.model, 'destroy', this.remove);
  },
  // ［Delete］ボタンを監視して
  // onClickDelete()メソッドを呼び出す
  events: {
    'click .js-delete': 'onClickDelete'
  },
  render: function() {
    var template = $('#noteListItemView-template').html();
    var compiled = _.template(template);
    var html = compiled(this.model.toJSON());
    this.$el.html(html);
    return this;
  },
  onClickDelete: function() {
    // モデルを削除する
    this.model.destroy();
  }
});