这是第一次尝试制作一个backbone.js 应用程序。我有一个联系人是我的模型和联系人列表/集合。
联系人列表的初始渲染和获取工作正常。
现在,我正在尝试在单击事件后从集合中删除联系人。好像我在 ContactsView 的删除功能中做错了什么。当我在该方法结束时 console.log 联系人时, this.contacts 集合不会更改。
任何帮助表示赞赏!
var Contact = Backbone.Model.extend({
});
var Contacts = Backbone.Collection.extend({
model: Contact,
url: '/backbone/crm/contact'
});
var ContactsView = Backbone.View.extend({
initialize: function() {
this.contacts = new Contacts();
this.contacts.bind("reset", this.render, this);
this.contacts.bind("change", this.render, this);
this.contacts.bind("remove", this.render, this);
this.contacts.fetch();
},
events: {
"click .delete": "delete"
},
render: function() {
$("#contacts tbody").replaceWith(
$("#contacts_tmpl").render({ 'contacts': this.contacts.toJSON() }));
},
delete: function(e) {
var id = $(e.currentTarget).parents("tr").attr("id");
var model = this.contacts.get(id);
this.contacts.remove(model);
}
});
var contactsView = new ContactsView({ el: $("#contacts")});