好吧，假设我有一个带有 Person 表的数据库。它有以下字段。
Id (PK, auto-increment) Name (string) Age (int)
我可以获取服务器以获取人员列表，当我渲染主干视图时，它会在模型中包含它们的关联 ID。太好了。
现在假设我有一个添加功能来添加一个新的人。我可能有 2 个文本框（一个用于姓名，一个用于年龄）和一个保存按钮。
当我点击保存时，我可以使用来自 Backbone 的人员集合并将该记录添加到集合中，它还将处理（POST 到 Backbone 集合 URL）向我的服务器发布（姓名、年龄）。
但是我不明白的是，从数据库插入生成的 Id 不再与我刚刚启动的主干模型相关联。
或者是在“添加”之后我需要再次获取以获取新列表的想法？
【问题讨论】：
标签： database backbone.js
根据您的问题，我可能没有足够的信息来回答这个问题，因此我假设您的视图已被赋予集合实例。此外，我假设您的 POST 发布了模型的属性，但会立即返回模型的属性，包括其新分配的 id。
所以你想做的是：
这里有一些代码：
PeopleView = Backbone.View.extend({
events: {
"submit form#person-form" : "onSave",
"click .remove-person" : "onRemovePerson",
},
// Presumes you've handed the view a people collection and
// named it 'collection' to enable backbone.js to auto set it
// into the view's state.
initialize: function(options) {
_.bindAll(this, "onPersonAdded");
this.collection.bind("add", this.onPersonAdded);
this.collection.bind("remove", this.onPersonRemoved);
},
onSave: function(e) {
var self = this;
var person = new Person();
var person_attrs = this.serialize(); // harvest from your form in this method.
person.save(person_attrs, {
success: function(saved_person, data) {
self.collection.add(saved_person);
},
error: function(aborted_person, response) {
// Error handling as needed.
}
});
},
onRemovePerson: function(e) {
e.preventDefault();
var cid = $(e.target).attr('id');
var person = this.collection.getByCid(cid);
person.destroy({
success: function(removed_person, data) {
self.collection.remove(removed_person);
},
error: function(aborted_person, response) {
// Error handling as needed.
}
});
},
onPersonAdded: function(added_person) {
// perform rendering as needed here.
},
onPersonRemoved: function(removed_person) {
// perform rendering as needed here.
}
});
作为一种风格说明，您可能不想在视图中处理模型保存代码。您也可以服从控制者或其他适当的实体。
【讨论】：