我正在寻找正确的 Backbone 结构来实现以下目标:
两个服务器 API:
GET api/event/4
: 返回 id 为 4 的事件对象。GET api/event/4/registrations
: 返回属于id为4的事件的注册对象列表
我想要一个显示事件对象和注册列表的 View 。
这非常简单,但我不知道如何组织我的事件和注册模型。 我应该使用主干关系吗?
我的事件模型目前是这样的: (该集合预计将包含从现在开始的接下来的 10 个事件)。
我应该如何定义我的注册模型以及如何初始化它,知道它总是在事件模型的上下文中?
var app = app || {};
app.EventModel = Backbone.Model.extend({
urlRoot: app.API_server + 'event'
});
app.EventCollection = Backbone.Collection.extend({
model: app.EventModel,
url: app.API_server + 'event',
initialize: function(){
dt = new Date();
start_dt = dt.toISOString();
this.fetch({
data: {limit:10, start_dt:start_dt},
error: function (model, response, options) {
if(response.status == '403') {
app.Session.logout();
}
}
})
}
});
最佳答案
为注册制作一个集合并使用url
属性作为函数。默认情况下,urlRoot
RegistrationCollection
的型号将是 url
与他们的收藏 id
附上。
app.RegistrationCollection = Backbone.Collection.extend({
url: function() {
return app.API_server + 'event/' + this.id + '/registrations';
},
initialize: function(models, options) {
options = options || {};
this.id = options.id;
}
});
然后,在 EventModel
上初始化,添加一个 RegistrationCollection
作为属性,传递事件 id
作为该系列的一个选项。
app.EventModel = Backbone.Model.extend({
urlRoot: app.API_server + 'event',
initialize: function() {
this.registrations = new app.RegistrationCollection(null, {
id: this.id
});
}
});
删除 fetch
从一开始,您就想让您的收藏可重用。
app.EventCollection = Backbone.Collection.extend({
model: app.EventModel,
url: app.API_server + 'event',
});
在 View 或路由器内部获取,具体取决于它对您的应用程序更有意义的位置。
var EventView = Backbone.View.extend({
initialize: function() {
this.collection = new app.EventCollection();
var dt = new Date(),
start_dt = dt.toISOString();
// this should be here, outside of the collection.
this.collection.fetch({
data: { limit: 10, start_dt: start_dt },
error: function(model, response, options) {
if (response.status === 403) {
app.Session.logout();
}
}
});
},
});
关于javascript - backbone.js 中模型之间的关系,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40585889/