Multiple models and pageviews using backbone.js

Question

I want to use backbone.js to manage a very heavy data application.

On this fiddle ( http://jsfiddle.net/D87cg/2/ ) you can see one page of the application (note that there are many more components like menus, secondary menus, other content boxes, footer, etc. d.).

There are several json objects returned by the web service:

• Each has information both on the specifications and on the information of the owner.
• You have the information “Your accounts”, but not all data is displayed (although they are sent to the json object, other statistics for each game are sent, as well as some other games).

My doubt is that ... can backbone.js allow you to have multiple views and patterns per page? I ask because the Route seems to see each route as a state in the whole view, which is reflected in the URL, but what if I have several objects on the same page that can change at different times?

Is there any way to do this? I looked through a few backbone.js tutorials, but they all seem to see a single page as a view.

My other question is: how do I integrate the json answer so that the fields are not fixed in the model? In other words, how do I get the model to use the attributes that go into the json file without defining them in the model?

Thanks in advance!

Answer 1

Understand that the route point is bookmarking. You can have as many views, models, and controllers that will splatter around your viewport as you like, and for now, you don’t care that a certain collection of views on the screen is a bookmarked item, the state of what is currently displayed can be managed within a hierarchy of views, not a router.

(Or you can be smart and save the state of views on your server as a bookmark route and get "what is shown for the ROUTEID route" before assembling the views, but it's fun and complicated and smart.)

So, yes, the Routes property is a little red herring for such an application that you are discussing. The trunk can handle this simply.