Backbone router with multiple parameters

javascript url backbone.js router hashtag
matteok picture matteok · Nov 14, 2013 · Viewed 14.4k times · Source

I need to get this to work:

routes: {
  ':product' : 'showProduct',
  ':product/:detail': 'showProductDetail'

showProductDetail never gets called while the ':product' route is set even if it is set afterwards. I tried the following

routes: {
  ':product(/:detail)': showProductOrDetail
}

But this will not get called when only the second parameter changes. It is important that I have the product itself or the product and detail in the url.

Does anyone know how to fix this?

Answer

Szymon Drosdzol picture Szymon Drosdzol · Nov 14, 2013

There's a little hacky solution to your problem. I have a feeling there is a nicer way to do this but that should work:

routes: {
    "product/:id": "showProduct",
    "product/:id/details/:did": "showDetails"
},

showProduct: function(id) {
    this.showDetails(id);
},

showDetails: function(id, did) {
    // Check did for undefined

}

Related questions

Backbone.history.navigate(url,{trigger:true, replace: true})

I used this method to navigate to url, trigger an event and not push url to browser history. But Backbone.history.navigate(url,{trigger:true, replace: true}) replace previous url from history. Example: Browser hystory Before localhost:port/url Backbone.…

Read More
Silently change url to previous using Backbone.js

Using Backbone.js, is it possible to make the router navigate to the page where it came from? I'd like to use that for the case where I change my URL when a popup appears, and I want go change …

Read More
When I push a new URL to Backbone.history, the query params stays?

Let's say I'm using Backbone pushstate and I navigate to a page with query params: domain.com/user/111?hello=123 When I execute this: Backbone.history.navigate('/settings', true); My settings page loads perfectly, but the ?hello=123 stays in the …

Read More