javascript - Backbone 嵌套 View

Question

我正在开发一个 Backbone 应用程序，我不确定我尝试做的方式是否正确。

我有一个应用程序 View ，在该应用程序 View 中我试图附加一个 Collection View ，并且该集合中的每个 View 也是一个集合。

让我用图形解释一下。

----------------------------------------------------------------------
|                                                                    |
|    Application view                                                |
|                                                                    |
|    -------------------------------------------------------------   |
|    |  Windows Collection view                                  |   |
|    |                                                           |   |
|    |  --------------------------   --------------------------  |   |
|    |  | Tabs collection view   |   | Tabs collection view   |  |   |
|    |  |                        |   |                        |  |   |
|    |  | ---------- ----------  |   | ---------- ----------  |  |   |
|    |  | |Tab view| |Tab view|  |   | |Tab view| |Tab view|  |  |   |
|    |  | ---------- ----------  |   | ---------- ----------  |  |   |
|    |  |                        |   |                        |  |   |
|    |  | ---------- ----------  |   | ---------- ----------  |  |   |
|    |  | |Tab view| |Tab view|  |   | |Tab view| |Tab view|  |  |   |
|    |  | ---------- ----------  |   | ---------- ----------  |  |   |
|    |  |------------------------|   |------------------------|  |   |
|    |                                                           |   |
|    |  --------------------------   --------------------------  |   |
|    |  | Tabs collection view   |   | Tabs collection view   |  |   |
|    |  |                        |   |                        |  |   |
|    |  | ---------- ----------  |   | ---------- ----------  |  |   |
|    |  | |Tab view| |Tab view|  |   | |Tab view| |Tab view|  |  |   |
|    |  | ---------- ----------  |   | ---------- ----------  |  |   |
|    |  |                        |   |                        |  |   |
|    |  | ---------- ----------  |   | ---------- ----------  |  |   |
|    |  | |Tab view| |Tab view|  |   | |Tab view| |Tab view|  |  |   |
|    |  | ---------- ----------  |   | ---------- ----------  |  |   |
|    |  |------------------------|   |------------------------|  |   |
|    |                                                           |   |
|    -------------------------------------------------------------   |
|                                                                    |
|                                                                    |
----------------------------------------------------------------------

目前，我正在从我的 Backbone 路由器中的 initialize 方法加载应用程序 View 。该 View 加载 Windows Collection View 。

主要问题是我不确定我是否走在正确的道路上。第二个问题是我不确定如何从我的 Windows Collecion view 加载每个 Tabs collection view。

PS:为了让事情更清楚，我正在尝试复制 Firefox 的全景 View :http://i.i.com.com/cnwk.1d/i/tim//2010/08/24/firefox-panorama.jpg

Answer 1

我强烈推荐使用 Marionette.js构建您的应用程序。

它已经内置了 Collection View ，使渲染变得容易。您的应用程序似乎是一个完美的用例。您将免费获得大量样板代码。