Динамически создавать магистральные маршруты

Вот мой магистральный маршрутизатор:

var Router = Backbone.Router.extend({
    routes: {
       "": "home",
       "home": "home",
       "about": "about",
       "works": "works",
       "work/:id" : "work",
       "news": "news",
       "contact": "contact"
    },

    initRoutes: function(e) {       
        this.on('route:home', function() {
            page.activepage = "home";
            page.render();
        }); 
        this.on('route:about', function() {
            page.activepage = "about";
            page.render();
        }); 
        this.on('route:works', function() {
            page.activepage = "works";
            page.render();
        }); 
        this.on('route:work', function(id) {
            page.activepage = "works";
            page.param = id;
            page.render();
        }); 
        this.on('route:news', function() {
            page.activepage = "news";
            page.render();
        });
        this.on('route:contact', function() {
            page.activepage = "contact";
            page.render();
        });
    },
    initialize: function(){
        var self = this;
        Backbone.history = Backbone.history || new Backbone.History({});
        root = "kitchenV3/"+lang;
        var enablePushState = true;
        var pushState = !! (enablePushState && window.history && window.history.pushState);
        Backbone.history.start({
            pushState: pushState,
            root: root
        });
        self.initRoutes();
    }
});

Итак, как вы можете видеть, все мои маршруты в основном делают одно и то же (рендеринг содержимого в зависимости от имени и параметра маршрута). Итак, как переписать this.on(route:about)...", чтобы избежать рекурсии?


person hjuster    schedule 03.04.2013    source источник


Ответы (1)


Используйте эти маршруты:

routes: {
  '': 'myFunc',
  ':mod(/)': 'myFunc',
  ':mod/:id(/)': 'myFunc'
},
myFunc: function(mod, id) {
  page.activepage = mod || 'home';
  if(id) page.param = id;
  page.render();
}

И удалить initRoutes. Это должно работать нормально.

person Loamhoof    schedule 03.04.2013
comment
Безнравственный! Tnx бро, ты действительно выручаешь меня в эти дни :) - person hjuster; 03.04.2013