title: Backbone design query
body: <p>I have one Backbone view MainMenuView. MainMenuModel  has an array of sub-models ItemModel. Main menu has two pages so it has next previous buttons. First page has 6 Items and second page has 5 Items. Right now I have two methods in router to go to first and second page respectively. For now I am creating model/sub-models in the App router and passing that to render method of MainMenuView. Also when I am on second page I want to disable next button and enable previous button. Similarly toggling the buttons on first page. There are click events as well. I have defined a helper to bind these events and toggling the state of buttons. Its working but doesn't look good to me. So wanted to ask if there is a better way of reusing the same view. </p>
  
  <pre><code>var MainMenuModel = Backbone.Model.extend({
        defaults: {
             menuItems: []
        }
  })
  
  
  var MenuItemModel = Backbone.Model.extend({
        defaults: {
             title: ''
        }
  })
  
  
  var MainMenuView = Backbone.View.extend({
  
         render: function(){
            //_.template stuff goes here
         }
  
  })
  
  
  var App = Backbone.Router.extend({
  
  
    goToFirstPage: function(){
       MenuItemModel item1 = new MenuItemModel({title: "One"});
       MenuItemModel item2 = new MenuItemModel({title: "Two"});
       MenuItemModel item3 = new MenuItemModel({title: "Three"});
        MainMenuModel model = new MainMenuModel({menuItems: [item1, item2, item3]});
  
    }
  
     goToSecondPage: function(){
       MenuItemModel item4 = new MenuItemModel({title: "Four"});
       MenuItemModel item5 = new MenuItemModel({title: "Five"});
        MainMenuModel model = new MainMenuModel({menuItems: [item4, item5]});
  
    }
  
  
  })
  
  //some helper methods:
  
  function bindEventsForFirstPage(){
  
          $("#prev").off('click');
          $("#prev").addClass('prev-disabled');
          $("#next").click(goToFirstPage);
      }
  
  function bindEventsForSecondPage(){
          $("#prev").click(goToSecondPage);
          $("#next").off('click');
          $("#next").addClass('next-disabled');
      }
  </code></pre>