So aktualisieren Sie eine Seite in einer Backbone-Anwendung

Blick auf die backbone.js Quelle scheint es, als ob dies nicht möglich ist, standardmäßig, da es nur reagiert, um eine url-änderung. Und da Klick auf den gleichen link, würden Sie nicht auslösen eines change-Ereignis.

Code im Rückgrat.Geschichte:

$(window).bind('hashchange', this.checkUrl);

Müssen Sie behandeln einen nicht selbst ändern. Hier ist, was ich getan habe:

$('.nav-links').click(function(e) {
    var newFragment = Backbone.history.getFragment($(this).attr('href'));
    if (Backbone.history.fragment == newFragment) {
        //need to null out Backbone.history.fragement because 
        //navigate method will ignore when it is the same as newFragment
        Backbone.history.fragment = null;
        Backbone.history.navigate(newFragment, true);
    }
});

InformationsquelleAutor der Antwort

In Fall, dass Sie möchten, um neu zu laden Sie die ganze Seite mit einer gewünschten Ansicht. Dies könnte senes für die home-Taste. Der Vorteil wird sein, dass es dann aktualisieren Sie den Speicher.

Gehen Sie zu jedem Weg, ohne es zu laden (ohne den 'wahren') und dann neu laden

Backbone.history.navigate('route/goes/here');
window.location.reload();

InformationsquelleAutor der Antwort guya

Brauchte ich auf 'aktualisieren' meine Seite auf die Ausrichtung ändern, Ereignis, weil nicht alle meine css-media-queries für portrait-Modus, wo Sie ausgeführt werden standardmäßig korrekt. Dies ist, was ich am Ende machen:

Backbone.history.fragment = null;
Backbone.history.navigate(document.location.hash, true); 

Natürlich auch für die Vollständigkeit dieser Antwort, diese war eingehüllt in eine Orientierung ändern-handling-code:

window.addEventListener('orientationchange', function () {
    Backbone.history.fragment = null;
    Backbone.history.navigate(document.location.hash, true); 
}, false);

InformationsquelleAutor der Antwort Bas Slagter

Können Sie ganz einfach aktualisieren Sie die Seite mit unten Ansatz:

@win_loc = window.location.toString().replace("#","")
Backbone.history.redirectTo(@win_loc)

InformationsquelleAutor der Antwort Sumit Munot

Den Unterschied zwischen http://localhost.com/ und http://localhost.com/#!/ ist, der zweite ist ein link zu verankern, ist es nicht eine Seite zu laden, es sieht nur für den Anker in die aktuelle Seite und blättert es, wenn gefunden. Sie brauchen, um Ihren link sieht aus wie die erste, kein "#" schließen bis zum Ende.

InformationsquelleAutor der Antwort clyfe

Um eine wiederverwendbare code-snippet ich erweiterte das Rückgrat.Ansicht mit einer helper-Methode zur Wiederverwendung wo immer wir brauchen, um neu zu laden der gleichen Seite, trotz der Backbone-router Einschränkungen.

In unserem app.js Datei oder jedem anderen geeigneten Ort

Backbone.View = Backbone.View.extend({
    refreshPage: function(e){
        if(e.target.pathname){
            Backbone.history.navigate(e.target.pathname);
        }
        window.location.reload();           
    }
});

Diese Weise haben wir einen link wie

<a href="/whatever" id="whateverId">Some text </a>

Unserer Ansicht würden wir nur zu binden, müssen Sie das click-Ereignis, um das callback zu nutzen, die Seite aktualisieren, Funktion, soweit die refreshPage Helfer über die Prototyp-Kette

events: {
    'click #whateverId': 'refreshPage', 
}

Soweit brauchen wir nicht zu ändern "ein tag" es ist eine sauberere Lösung, sparen einige vorformulierten Codierung

Hoffe es hilft

InformationsquelleAutor der Antwort Jaime Agudo

Hier ist mein Lieblings-Ansatz so weit:

 if (!Backbone.history.navigate(urlPath, true)) {
      Backbone.history.loadUrl();
 }

InformationsquelleAutor der Antwort Guy