Backbone - Routefunktion vor Unterroutenfunktion ausführen

Question

Mit dem folgenden Code in einem Backbone-Router kann sichergestellt werden, dass beim direkten Navigieren eines Benutzers zu #test/map oder #test/images zuerst die an die Route angehängte Funktion #test ausgeführt wird?

Die Funktion invokeTest erstellt eine übergeordnete Ansicht mit dem Container, in dem die Unteransichten "map" und "images" gerendert werden. also muss ich sicherstellen, dass die Basislayout-Ansicht gerendert wurde, bevor Sie springen, um die Subviews zu rendern.

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"); 
 
    } 
 

 
});

jetzt nur ich das Konsolenprotokoll für die Subviews bekommen, wird die Wurzelfunktion nie aufgerufen.

Answer 1

Sie können einfach tun:

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"); 
    } 

Oder Sie können es tun, wie

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

Einfach gesagt Sie die Logik setzen müssen, in einer Funktion wiederverwendet werden und es nennen.

Wenn Sie dies in großem Maßstab tun müssen, können Sie in der initialize Ihres Routers Eltern-Kind-Beziehungen mit Regex identifizieren und den Child-Callback zu einer Funktion aktualisieren, die auch den Parent-Callback umschließt. (Oder Sie können noch tiefer in den Router gehen - Es scheint Plugins zu sein, die versuchen, ähnliches Problem wie backbone.subroute zu lösen.