0

这是第一次尝试制作一个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")});
4

1 回答 1

0

该模型被有效地从集合中删除。但现在我需要将它从服务器端移除。

我通过以下方式实现了这一点:

var Contacts = Backbone.Collection.extend({
    model: Contact,
    url: '/backbone/crm/contact',
    initialize: function() {
        this.bind("remove", this.delete, this);
    },
    delete: function(model) {
        model.destroy();
    }

这工作并发送正确的删除请求,但我觉得这种尴尬,从删除方法调用销毁方法。

于 2012-09-28T09:22:54.987 回答