【问题标题】:Structuring a page with multiple views with backbone.js使用backbone.js 构建具有多个视图的页面
【发布时间】:2023-03-06 05:50:01
【问题描述】:

我浏览了各种演示、示例和教程,但仍未找到编写以下结构的正确/最佳方法:

当我到达某条路线时,我想在视图中渲染多个视图,这些视图通过三个级别。所以我的基本结构是这样的-

  • 容器
    • 文章
      • 部分
        • 组件
        • 组件
      • 部分
        • 组件
      • 部分
        • 组件
      • 部分
        • 组件
        • 组件
    • 文章
      • 部分
        • 组件
        • 组件
      • 部分
        • 组件
      • 部分
        • 组件
        • 组件
    • 文章
      • 部分
        • 组件
      • 部分
        • 组件
        • 组件
    • 文章
      • 部分
        • 组件
        • 组件
      • 部分
        • 组件
        • 组件
      • 部分
        • 组件
      • 部分
        • 组件
        • 组件

每个视图/模型必须彼此分开,因为它们可能需要重新渲染。我查看了布局管理器、嵌套模型和关系模型,但似乎无法得到我想要的。是否有一种“正确”的方式来创建这种类型的布局,我应该使用 Collections。

对不起,我缺乏理解。一个完全的新手,有一个相当大的雄心勃勃的项目。

【问题讨论】:

  • Backbone 没有提供很多关于如何构建代码的假设。因此,有很多方法可以实现相同的目标,而且它们都是“正确的”。
  • 您知道我将如何创建类似上述结构的东西吗?我永远无法完全正确。开始让我有点疯狂@JaredMcAteer

标签: layout backbone.js views models


【解决方案1】:

MarionetteJS,Backbone 的插件库,将帮助您处理这种视图嵌套。

它提供了 Regions、Layout、CollectionView 和 ItemView,在你的情况下是很好的帮手。

这是一个非常好的tutorial, part2

【讨论】:

  • 谢谢...快速浏览了一下这个,看起来我可以用这个。它是否允许在其他模型中嵌套模型? @Arnaud Rinquin
  • 哼,我不认为嵌套模型是个好主意。您最好引用另一个模型,但不要嵌套。
  • 谢谢。我想我会尝试木偶和布局管理器,看看什么效果最好。 Marionette 对于我需要的东西似乎很多,因为布局管理器似乎稍微容易一些,因为它只控制布局。 @Arnaud Rinquin
  • 你可以部分使用木偶。 Application、Regions、CollectionViews 和 ItemViews 非常有用(在大多数情况下你基本上会重写它们)。
  • 好吧...我发现文档并没有给我一个我正在尝试做的例子。但是布局管理器的文档确实如此。我是一个具有骨干和应用程序设计的完整新手,所以我一直在围绕应用程序的这一部分转圈。请问您有没有机会向我展示如何使用木偶构建上述结构的示例?谢谢您的帮助。 @Arnaud Rinquin
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-11-07
  • 2013-08-14
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多