骨干.js两个层次的集合

backbone.js collections in two levels

本文关键字：两个 层次 集合 js 骨干      更新时间：2023-09-26

所以，我刚刚开始使用 backbone.js 以及我在理解如何定义两个集合时遇到一些麻烦，其中一个集合位于另一个集合的模型中。

REST API 如下所示：

/sites <--- one collection
/sites/123/entities <--- another collection
/sites/123/entities/abc <--- a specific entity within a specific site

以下是定义网站集的方式：

var ROOT = 'http://localhost:5000';
Site = Backbone.Model.extend({
    defaults: {
        id: "default",
        description: "My site"
    }
});
Sites = Backbone.Collection.extend({
    model: Site,
    url: ROOT + "/sites"
});

实现此目的的实体集合和模型的外观如何？

这就是我想象的样子，虽然还没有测试过：实体模型/集合：

var ROOT = 'http://localhost:5000';
Entity = Backbone.Model.extend({
    defaults: {
        id: "default",
        description: "My Entity"
    }
});
Entities = Backbone.Collection.extend({
    model: Entity,
    ownUrl: '/entities',
    site: {},
    url: function() {
        return (this.site? this.site.url() : '') + this.ownUrl;
    },
    initialize: function(options) {
        this.site = options.site;
    }
});

网站模型/集合：

Site = Backbone.Model.extend({
    defaults: {
        id: "default",
        description: "My site"
    }
});
Sites = Backbone.Collection.extend({
    model: Site,
    url: ROOT + "/sites",
});

设置示例：

// New collection of site
var site1 = new Site({id: 'site1', description: "This is site 1"});
var site2 = new Site({id: 'site2', description: "This is site 2"});
// Add entities to sites
var entityCollection1 = new Entities([
    {id: 'entity1'},
    {id: 'entity2'}
], {site: site1});
// Collection of sites 
var mySites = new Sites([site1,site2]);

编辑：

  • 根据 Backbone 文档，从 1.1 版开始，this.options 不再自动附加。抱歉，我仍然参考了 0.9.x 代码。

在 1.1 中，主干视图不再附加选项参数 this.options 自动。如果您愿意继续附加它，请随时 喜欢。http://backbonejs.org/#changelog

  • 对于网址，我的错，它应该是this.site.url（），因为它是一个模型的函数，它将默认值作为[collection.url/modelId]。

在这种情况下，它应该为模型站点 1 返回"site/1"（即"site/2"），然后附加实体集合 URL 的任何内容。（例如："/实体"）。这使站点 1 的实体集合 URL 变为：/site/1/entities。此集合中的任何模型都将具有 url/site/1/entities/[modelId]

相关文章：