バックボーン - サブルートの機能の前にルート機能を実行

Question

バックボーンルータに次のコードがあると、ユーザが#test/mapまたは#test/imagesに直接ナビゲートすると、最初にルート#testに接続された機能が実行されることを確認できますか？

invokeTest関数は、サブビュー "マップ"と "イメージ"がレンダリングされるコンテナを持つ親ビューを作成します。だから私は基本レイアウトビューは、サブビューをレンダリングする前にレンダリングされていることを確認する必要があります。

var Workspace = Backbone.Router.extend({ 
 
    routes: { 
 
    "test":     "invokeTest", // #test 
 
    "test/map":  "invokeTestMap", // #test/map 
 
    "test/images": "invokeTestImages" // #test/images 
 
    }, 
 

 
    invokeTest: function() { 
 
    //render base-layout 
 
    console.log("test function executed"); 
 
    }, 
 

 
    invokeTestMap: function() { 
 
    //render map view using element created with the base layout template 
 
    console.log("Map function executed"); 
 
    }, 
 
    invokeTestImages : function(){ 
 
    //render images view using element created with the base layout template 
 
    console.log("images function executed"); 
 
    } 
 

 
});

今私はサブビューのためのコンソールログを取得し、ルート関数が呼び出されることはありません。

Answer 1

あなただけ行うことができます。

invokeTest: function() { 
    //render base-layout 
    createBaseLayout(); 
    console.log("test function executed"); 
    }, 

    invokeTestMap: function() { 
    createBaseLayout(); 
    //render map view using element created with the base layout template 
    console.log("Map function executed"); 
    }, 
    invokeTestImages : function(){ 
    createBaseLayout(); 
    //render images view using element created with the base layout template 
    console.log("images function executed"); 
    } 

をそれとも、

invokeTestMap: function() { 
    this. invokeTest(); 
    //render map view using element created with the base layout template 
    console.log("Map function executed"); 
    }, 

ようにそれを行うことができます単にあなたが関数内で再利用するためのロジックを入れて、それを呼び出す必要があります置きます。

ルーターのinitializeでこれを行う必要がある場合は、regexを使用して親子関係を特定し、子コールバックを親コールバックも同様にラップする関数に更新できます。 （あるいはルータにもっと深く入ることができます - backbone.subrouteのような同様の問題に取り組むプラグインがあるようです。