Backbone-Struktur für Suchmaske und Ergebnisse?

Question

Backbone-Struktur für Suchmaske und Ergebnisse?

9

Ich arbeite zum ersten Mal mit Backbone.js und versuche herauszufinden, wie es funktioniert. Ich habe ein Suchformular, das Ergebnisse über Ajax zieht und sie dynamisch auf die Seite schreibt.

Ich versuche jetzt herauszufinden, wie man das am besten in Backbone strukturiert - Ich lese diese SO-Frage , aber ich verstehe nicht, wie man die Form und die Ergebnisse miteinander verbindet.

Hier ist mein HTML:

%Vor%

So denke ich darüber nach, den Backbone-Code zu strukturieren:

%Vor%

Meine Fragen:

Ist das im Prinzip eine sinnvolle Struktur, mit einer Ansicht für die Form und einer für die Ergebnisse - die erste Ansicht, die das Modell aktualisiert, die zweite Ansicht, die das Modell beobachtet?
Ich möchte auch den Inhalt des <h3> -Ergebnisheaders aktualisieren, wenn neue Ergebnisse vorliegen - wo ist der sinnvollste Ort dafür im obigen Code?
Ich möchte die Klasse selected für eine Eingabe umschalten, wenn der Benutzer auf eine Formulareingabe klickt - wo ist der logische Ort dafür innerhalb des obigen Codes?

Danke für Ihre Hilfe.

javascript backbone.js javascriptmvc

Richard 08.01.2013, 00:07

quelle

1 Antwort

Tags und Links javascript backbone.js javascriptmvc

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Android WebView Inject Javascript vor dem Laden von HTML

score 5 · Accepted Answer

Ja, das ist eine logische Organisation und eine großartige Möglichkeit, Backbone-Ansichten zu verwenden.
Sie könnten das ein paar Wege gehen:
- Haben Sie eine separate Ansicht für den Titel (z. B. SearchResultsTitleView ), die auch auf Änderungen am Modell wartet. Das erscheint mir ein bisschen übertrieben.
- Lassen Sie Ihre SearchResultsView sowohl den Titel <h3> als auch die Ergebnisse <ul> aktualisieren. Statt sich an die #results-list <ul> zu binden, kann es sich an die #results <div> binden und zwei Funktionen haben, eine für die Aktualisierung jedes untergeordneten Elements.
Das scheint die Verantwortung von SearchFormView zu sein, entweder auf Änderungen am Modell zu horchen oder einfach den Zustand zu aktualisieren, wenn das Ereignis eintritt.