title: Backbone nested views
body: <p>I'm working on a Backbone application and I'm not sure if the way what I'm trying to do is the correct way.</p>
  
  <p>I have an application view and inside that application view I'm trying to append a collection view, and each view in that collection is a collection too. </p>
  
  <p>Let me explain that graphically.</p>
  
  <pre><code>----------------------------------------------------------------------
  |                                                                    |
  |    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|  |  |   |
  |    |  | ---------- ----------  |   | ---------- ----------  |  |   |
  |    |  |------------------------|   |------------------------|  |   |
  |    |                                                           |   |
  |    -------------------------------------------------------------   |
  |                                                                    |
  |                                                                    |
  ----------------------------------------------------------------------
  </code></pre>
  
  <p>Currently I'm loading the application view from the <code>initialize</code> method in my Backbone router. That view loads the <code>Windows collection view</code>.</p>
  
  <p>The main problem is that I'm not sure if I'm on the right way. 
  The second problem is that I'm not really sure how to load each <code>Tabs collection view</code> from my <code>Windows Collecion view</code>.</p>
  
  <p>PS: Just to make things even clearer, I'm trying to replicate Firefox's panorama view: <a href="http://i.i.com.com/cnwk.1d/i/tim//2010/08/24/firefox-panorama.jpg" rel="nofollow">http://i.i.com.com/cnwk.1d/i/tim//2010/08/24/firefox-panorama.jpg</a></p>