在 Backbone 点击事件中使用 JSON 键

Question

我的模板显示正确。

我想在每个模板上放置一个点击事件。点击功能需要使用 JSON 密钥，但我不知道如何访问。

模板：

        <script id="lib-list-item-template" type="text/template">
          <a href="javascript:;" class="list-group-item lib-list-item">
            <div class="col-md-7">
                <h4 class="list-group-item-heading"><%= library_name %></h4>
                <p class="list-group-item-text"><%= street_address %></p>
                <p class="list-group-item-text"><%= city %>, <%= state %> <%= zip %></p>
                <p class="list-group-item-text"><%= phone_number %></p>
              </div>
            </div>
          </a>
        </script>

主干：

$(document).ready(function() {

var Library = Backbone.Model.extend({
});

var LibraryList = Backbone.Collection.extend({
  model: Library,
  url: 'hours.json'
});

var LibraryView = Backbone.View.extend({
  el: '#libs',
  template: _.template($('#lib-list-item-template').html()),
  collection: libraries,
  events: {
    "click .lib-list-item": "activate",
  },
  activate: function(event) {
  },
  render: function(event) {

    _.each(this.model.models, function(library) {
      var libraryTemplate = this.template(library.toJSON());
      $(this.el).append(libraryTemplate);
    }, this);

    return this;
  }
});

var libraries = new LibraryList();
var librariesView = new LibraryView({model: libraries});

libraries.fetch({
  dataType: 'json',
  success: function() {
    librariesView.render();
  }
});

在我的activate View 的点击功能中，如何访问myID JSON 键？

  activate: function(event) {
       //I've tried <%= myID %> 
       console.log(something);
  },

Answer 1

您所在位置的最简单方法是将 id 放在模板中的 data-id 属性中（不确定您的 <a> 的确切语法，因为问题中缺少它）：

<a class="lib-list-item" data-id="<%= myID%>"></a>

然后，从激活处理程序中执行以下操作：

activate: function(event) {
    // Pick the id from the data-id attribute of the clicked element.
    var myID = $(event.currentTarget).data('id');
    console.log(myID);
}