Backbone.js:组合多个模型的复杂视图

时间:2011-09-12 09:15:30

标签: javascript model-view-controller backbone.js

到目前为止,我一直在尝试的所有测试和教程,以获得我的头脑中的结构,告诉我一个视图绑定到一个模型。

假设我有一个小应用程序来存储和管理联系人详细信息(地址簿) 我有多个用户可以登录 他们每个人都有自己的联系人。

用户详细信息视图将绑定到用户模型 同样适用于联系人

但是我想展示一个结合这两者的网格 X轴显示应用程序中的所有联系人 Y轴显示所有用户,

这是怎么回事?我需要为此创建一个新模型,以绑定到一个新视图吗?

你得到了这个想法,它只是一个理论上的例子我不是在构建那个应用程序,而是为了得到一个结合多个模型的视图的想法

2 个答案:

答案 0 :(得分:50)

在这种情况下,我会考虑使用两个子模型的动态模型。在您的路由处理程序中,您可以执行以下操作:

var model = new Backbone.Model();
model.set({contacts: new ContactsModel(), users: new UsersModel()});
var view = new GridView({model: model});

当然,没有什么可以阻止你分别传递模型:

var contacts = new ContactsModel();
var users = new UsersModel();
var view = new GridView({model: contacts, users: users})

我仍然更喜欢第一种方法,因为它不会混淆模型的内容。

答案 1 :(得分:7)

如果您确定它们不使用相同的参数,您也可以考虑合并两个模型。

var modelA = new myModel({ color: "blue" });
var modelB = new otherModel({ age: 35 });

var superModel = new Backbone.Model();
superModel.set(modelA);
superModel.set(modelB);

console.log("color:", superModel.get("color"));
console.log("age:", superModel.get("age"));

同时查看Backbone.Model.extend()