Omurga js içinde dünya çapında yönlendirici nasıl erişilir?

Question

Bu benim app.js dosyası. Router'ın navigate yöntemine, LandingView sınıfının navigateToLogin yöntemine erişmem gerekiyor. Ancak uygulamadan sonra appRouter tanımlandığı için yönlendiriciyi görünümden tanıyamaz. Bu yüzden yönlendiriciye herhangi bir sınıf veya yöntemden küresel olarak erişmenin bir yolunu bulmalıyım. Bu sorunu nasıl çözebilirim? Eğer küresel erişilebilir olmasını appRouter gerekiyorsa

var LandingView = Backbone.View.extend({ 
    tagName: 'div', 
    id: 'landing', 
    className: 'landingpad', 
    events: { 
     'click button#login': 'navigateToLogin', 
    }, 
    render: function(){ 

     (this.$el).append("<button class='button' id='login'>Login</button><br/><br/><br/>"); 
     (this.$el).append("<button class='button' id='new'>New User?</button>"); 

     console.log(this.el); 
     return this; 
    }, 
    navigateToLogin: function(e){ 
     app.navigate("/login", true); 
     return false; 
    }, 
}); 

var appRouter = Backbone.Router.extend({ 

initialize: function(){ 
    $('#content').html(new LandingView().render().el); 
} 
}); 

    app = new appRouter(); 

Answer 1

, sen sırayla navigate arasında yönlendiricinin uygulanması Backbone.history.navigate çağırır olduğunu göreceksiniz:

// Simple proxy to `Backbone.history` to save a fragment into the history. 
navigate: function(fragment, options) { 
    Backbone.history.navigate(fragment, options); 
} 

Bunun yerine açıkça küresel kapsamını yukarı mucking, Backbone.history.navigate kullanın:

var LandingView = Backbone.View.extend({ 
    ... 
    navigateToLogin: function(e){ 
     Backbone.history.navigate("/login", true); 
     return false; 
    }, 
}); 

Answer 2

, bazı genel nesneyi takmanız gerekiyor. Web tarayıcılarında bu, window nesnesidir. Pencerenin aracılığıyla

window.app = new appRouter(); 

Ve erişim it:

window.app.navigate(...); 

kullanma globaller korumak zor koda sebep olabilir. Uygulamanız önemsiz boyutlarda değilse, mediator pattern gibi bazı ayrıştırma mekanizmalarını kullanmayı düşünün. Eğer omurga koduna biraz kazmak ise