Backbone.js Ein Modell wird durch mehrere Ansichten geändert?

Question

Okay, ich habe letzte Nacht erst angefangen, Backbone.js zu lernen, und ich muss zugeben, dass ich im Moment ein bisschen verblüfft bin. Mein Szenario ist relativ einfach, ich habe eine HTML -Tabelle mit einer ID von #checkout_table. Diese Tabelle hat 4 Zeilen. Es wird immer 4 Zeilen haben, es wird die Anzahl der Zeilen niemals verringern oder erhöhen. Es gibt verschiedene andere Formelemente auf der Seite, die ich in der Lage sein möchte, die Werte der Zeilen zu bewirken. Schließlich wird dies über Ajax erfolgen, aber das scheint für dieses Beispiel nicht wichtig zu sein. Hier ist, was ich mir ausgedacht habe: http://jsfiddle.net/xyzas/

In den Backbone -Dokumenten heißt es: "Die allgemeine Idee besteht darin, Ihre Schnittstelle in logischen Ansichten zu organisieren, die durch Modelle gesichert sind, von denen jedes unabhängig voneinander aktualisiert werden kann, wenn sich das Modell ändert, ohne die Seite neu zu zeichnen. Anstatt sich in einen JSON zu graben Objekt, ein Element in der DOM nachschlagen und die HTML von Hand aktualisiert, können Sie die Renderfunktion Ihrer Ansicht an das "Änderungsereignis" des Modells binden - und jetzt, wo Modelldaten in der Benutzeroberfläche angezeigt werden, ist es immer sofort bis zu Datum."

Bin ich auf dem richtigen Weg, um dies zu tun? Ist die Weitergabe einer Instanz des CheckoutTable -Modells als globale Variable wirklich der richtige Weg, um dies zu tun, oder würden Sie es anders machen?

Vielen Dank im Voraus für Ihre Hilfe.

Answer 1

Wie CZAR erwähnt: Modell repräsentiert Ihre Daten, verwenden Ansichten Ihre Modelle, um sie in HTML zur Anzeige zu rendern.

Ihre App sollte mehr im Hinblick darauf aussehen: http://jsfiddle.net/xyzas/2

Schauen Sie sich auch dieses großartige Tutorial an: http://www.jamesyu.org/2011/01/27/cloudedit-a-backbone-js-tutorial-by-example/