我想捕获按钮的(addnewItem)click事件,但无法实现。下面的代码有什么问题?
MyView = Backbone.View.extend({
tagName: "table",
render: function () {
var rows = [];
this.collection.each(function (row) {
var rowView = new RowView({ model: row});
rows.push(rowView.render().el);
});
this.$el.html(rows);
$("#app-view").html("<h3>Items</h3><br/>").append(this.el).append("<br /><input type='button' class='btn btn-primary' value='Add new item' id='addNewItem' />");
return this;
},
initialize: function () {
this.listenTo(this.collection, "add", this.render);
},
events: {
"click #addNewItem": "addNewItem"
},
addNewItem: function () {
alert('Item added');
}
});
1条答案
按热度按时间x7rlezfr1#
如果事件源自视图的
el
内部,则视图仅以这种方式捕获事件。我可以从您的render方法中看到按钮位于el
外部。如果它在html中可以工作,你可以通过在
el
中包含你的按钮来解决这个问题(我认为这只是一个默认的div)。另一种方法是以更传统的方式附加事件。在您的
initialize
方法中,您可以添加:或者,如果
this
关键字在addNewItem
方法中很重要,则尝试: