Backbone.js收集选项

Question

我已经使用Backbone.js编写了一个模型/视图/集合。我的集合使用fetch方法从远程服务器加载模型。此集合所需的url需要一个id，如: messages/{id}。但是我没有找到一种干净的方法来将选项传递给Collection。

backbone.js视图通过将其传递给构造来接受选项: view( options )，但是集合在构造时需要一个模型列表: collection( models )。

将参数/选项传递给此集合的“最干净”方式是什么？

缩写代码：

var Messages = Backbone.Collection.extend({
 model: Message,
   url: 'http://url/messages/' + id
});

Answer 1

@Paul的回答很好，但也值得注意的是，url属性可以是一个函数。在我看来(这只是我的意见，因为最终结果是一样的)，如果你在initialize中设置id，并在函数中引用它，那么代码会更容易理解，如果更详细的话：

var Messages = Backbone.Collection.extend({
  initialize: function(models, options) {
    this.id = options.id;
  },
  url: function() {
    return '/messages/' + this.id;
  },
  model: Message,
});

var collection = new Messages([], { id: 2 });
collection.fetch();

不过，为了确保-您不会将这里的id与模型id混淆，对吧？@Paul的回答和我上面的代码，假设您有多个Messages集合，每个集合都有自己的id。如果接口路径/messages/<id>实际上指的是一条消息，而不是一组消息，那么您只需要在集合中将url设置为/messages/，Backbone会自动为每个机型使用/messages/<id>。

Answer 2

按照声明url属性的方式，该值将在浏览器最初加载javascript文件时确定一次，而'id‘将是未定义的。

Backbone.Collection接受选项作为其构造函数中的第二个参数，因此可以将id值作为选项传递，然后在集合的初始化函数中设置url值。

下面是一个例子

var Messages = Backbone.Collection.extend({
  initialize: function(models, options) {
    this.url = 'http://url/messages/' + options.id;
  },
  model: Message,
});

var collection = new Messages([], { id: 2 });
collection.fetch();