backbone.js - Backbone.js 页面布局和模型集合在全球范围内可用

Question

我正在开发一个用于练习的简单 Backbone.js 应用程序 - 一个人物报价数据库。（Person有很多Quotes和Comments）

问题

我想要两种布局。

一种是标准的两栏布局，一栏作为侧边栏，另一栏作为内容区域。（我想将视图嵌入到该列中，并保持侧边栏不变。）

另一种是用于身份验证的简单单列布局（我也想添加身份验证，因为这是一个练习项目）。一个带有登录表单的简单页面。显然，这种布局只会用于一个视图。

我怎样才能做到这一点？是否有插件可以使这成为可能/容易？（本质上，有没有与 Rails 布局系统等效的东西？）
在那个侧边栏上，我想要一个Person模型对象列表，因此Person每个页面上都必须提供所有对象的列表。在 Rails 中，我将通过 ApplicationController 中的简单 before_filter 来完成此操作。

实现这一目标的最佳方法是什么？

score 1 · Accepted Answer

我从事的项目也需要类似的布局结构。我们有一个 Rails 应用程序，前端有两个主干实例。为了获得我们的布局，我们使用了 jQuery-UI-Layout。这将允许您创建多个代表侧边栏和列的“面板”。然后您可以简单地将您的视图渲染到每个面板中，它们将被很好地分开。
当您创建报价和评论视图时，您可以将人员集合传递给他们，以便他们可以访问人员模型对象。

所以...

假设你有一个'main_view'，这个主视图将初始化你的 jQuery ui 布局。

$(this.el).layout({options})

选项将在您的报价和评论面板上设置大小。然后您创建您的视图并将它们传递给“人”集合，这是您的“人”模型的集合。

new App.Views.QuotePanelView({
  el: $(this.el).find('#quote_panel'),
  collection: people
})

这里的人是人的集合。评论面板也是如此。

var people = new People([
  {"name" : "James Cameron"},
  {"name" : "Bat Man"},
  {"name" : "Cool Guy"}
]);

1 回答 1