Backbone JS 处理保存模型？

Question

使用 Backbone，我可以获取如下所示的集合，并为每条记录呈现一个 Backbone 视图：

Person = Backbone.Model.extend({});

var PersonCollection = Backbone.Collection.extend({

    model: Person,
    url: '/home/people/'
});

当我像下面这样使用 Backbone 启动一个新人时，它不是应该已经处理了 .save()通过发布到上述集合中定义的 URL 来实现功能吗？

var p = new Person({ Name: 'Andrew', Age: 24 });
p.save();
// Uncaught Error: A 'url' property or function must be specified
// I thought it was supposed to use the Collection's URL?
// I can get around this by explicitly setting p.URL but doesn't seem right

Answer 1

看起来一种方法是使用当前集合和 create 来处理将其添加到集合中并保存它

this.people.create(p);

源如下。 Create 不在集合中，因此它将 Models 集合设置为 this 然后，一旦 Save it 成功，它将 Model 添加到您的集合中。因此它将模型传递给 getUrl，getUrl 查看模型上的 URL 属性，模型又将集合再次传递给 getUrl...这样我们就不必重新定义 URL...

create : function(model, options) {
  var coll = this;
  options || (options = {});
  if (!(model instanceof Backbone.Model)) {
    model = new this.model(model, {collection: coll});
  } else {
    model.collection = coll;
  }
  var success = function(nextModel, resp) {
    coll.add(nextModel);
    if (options.success) options.success(nextModel, resp);
  };
  return model.save(null, {success : success, error : options.error});
},

Answer 2

您只需设置集合

Person.collection = PersonCollection

现在它就会神奇地知道 url。

Answer 3

根据Backbone.sync中的backbone.js代码，情况似乎并非如此。也许文档是旧的或不正确的。代码如下：

// Helper function to get a URL from a Model or Collection as a property
// or as a function.
var getUrl = function(object) {
  if (!(object && object.url)) throw new Error("A 'url' property or function must be specified");
  return _.isFunction(object.url) ? object.url() : object.url;
};

这向我表明该模型需要自己的 url。所以你应该这样做：

Person = Backbone.Model.extend({
  url: function() {
    if (this.isNew()) return '/home/people/';
    return '/home/whatever-this-route-would-be';
  }
});