脊梁骨js获取更复杂的数据并用作集合

Question

假设我有这样一个json设置：

{
  page:1,   
  items:[
    {  
      name: 'item1', 
      id:1
    }, 
    {
      name: 'item1', 
      id:2
    }, 
    {
      name: 'item1', 
      id:3
    }
  ] 
}

和一个这样的模型：

var Item = Backbone.Model.extend({
    defaults: {name:  "No name"}
});

var ItemCollection = Backbone.Collection.extend({
    model: Item,
    url: '/some/ajax/url',
});

获取此json后，如何将设置为ItemCollection集合的项映射并将页码作为属性添加到集合中？

Answer 1

你需要重写解析

它最终会看起来像这样：

class Item extends Backbone.Model
    defaults:
        name: "No name"

class ItemCollection extends Backbone.Collection
    model: Item
    url: '/some/ajax/url'
    parse: (data) ->
        items = []
        _.each data, (item) ->
            newItem = new Item
                id: item.id
                name: item.name
            items.push newitem
        items

（Coffeescript，但很容易转换为纯javascript）

您的另一个选项是在以下位置找到的关系插件：

https://github.com/PaulUithol/Backbone-relational

我从未使用过它，但我想它应该可以为你做解析映射。

Answer 2

正如@asawyer所提到的，您必须重写parse方法，但不需要实际实例化每个项，如果您返回项数组，主干可以为您这样做。

看留档collection.parse

解析集合。解析（响应）

每当服务器在fetch中返回集合的模型时，主干就会调用parse。函数传递原始响应对象，并应返回要添加到集合中的模型属性数组。

您的代码可以写成

var ItemCollection = Backbone.Collection.extend({
    model: Item,
    url: '/some/ajax/url',

    parse: function(data) {
        this.page=data.page;
        return data.items;
    }
});