Backbone.jsのキー値ペアのパラメータ処理ルータ

Question

キー値のペアをバックボーンルートにパラメータとして渡し、マップされた関数が呼び出される前にjavascriptオブジェクトにデシリアライズしたいとします。そして、{： "VAL1"、KEY2：KEY1 "とval2を"}： "？キー1 = val1と&キー2 = val2のを//...#dashboardのhttp" 私がに行くとき

var MyRouter = Backbone.Router.extend({ 
    routes: { 
    "dashboard?:params" : "show_dashboard" 
    }, 
    show_dashboard: function(params){ 
    console.log(params); 
    } 
}); 

に印刷する必要がありますコンソール。

現在、マップされた各関数内でjQuery BBQの$ .deparamメソッドを使用して、逆シリアル化されたオブジェクトを取得しています。ルータを拡張して一度だけ定義することができれば、paramsはオブジェクトとしてマップされたすべての関数の中でアクセス可能です。これを行うためのきれいな方法は何でしょうか？そして、そこにいくつかの落とし穴がありますか？

多くのおかげで、

真野

Answer 1

あなたはBackbone.Routerで_extractParameters機能を再定義する必要があります。その後、すべてのルータ機能が呼び出され、最初のパラメータはparamsオブジェクトになります。

// Backbone Router with a custom parameter extractor 
var Router = Backbone.Router.extend({ 
    routes: { 
     'dashboard/:country/:city/?:params': 'whereAmIActually', 
     'dashboard/?:params': 'whereAmI' 
    }, 
    whereAmIActually: function(params, country, city){ 
     console.log('whereAmIActually'); 
     console.log(arguments); 
    }, 
    whereAmI: function(params){ 
     console.log('whereAmI'); 
     console.log(arguments); 
    }, 
    _extractParameters: function(route, fragment) { 
     var result = route.exec(fragment).slice(1); 
     result.unshift(deparam(result[result.length-1])); 
     return result.slice(0,-1); 
    } 
}); 

// simplified $.deparam analog 
var deparam = function(paramString){ 
    var result = {}; 
    if(! paramString){ 
     return result; 
    } 
    $.each(paramString.split('&'), function(index, value){ 
     if(value){ 
      var param = value.split('='); 
      result[param[0]] = param[1]; 
     } 
    }); 
    return result; 
}; 

var router = new Router; 
Backbone.history.start(); 

// this call assumes that the url has been changed 
Backbone.history.loadUrl('dashboard/?planet=earth&system=solar'); 
Backbone.history.loadUrl('dashboard/usa/la/?planet=earth&system=solar'); 

作業デモはhereです。