RActiveJs verschachtelte Liste Kinder erweitern / kollaps

Question

Ich habe mit RActive.js gespielt und versuche, ein Gefühl dafür zu bekommen, was es in der Lage ist. Ich habe ein Beispiel, das ziemlich häufig ist, eine Ansicht mit einer internen Zustandslogik, die ich sauber verfolgen möchte. Nachdem wir die Tutorials durchlaufen haben, scheint dies, als wäre etwas RActive wirklich gut, aber ich habe es schwer, das herauszufinden.

---

update: Ich habe meinen Testfall nach unten überarbeitet, basierend auf Feedback in der ersten Antwort, die ich bekam, um das genaue Problem zu verdeutlichen, das ich hatte. Sie können das komplette Beispiel hier sehen: http://jsfiddle.net/e7mjm/1/

Zuerst habe ich eine RActive-Vorlage:

generasacodicetagpre.

Ich habe einige einfache CSS-Stile, um dies zu formatieren:

generasacodicetagpre.

und das folgende Javascript, um alles zu funktionieren:

generasacodicetagpre.

Wenn Sie die JS FILDLE ausprobieren, wird angezeigt, dass die Vorlage korrekt rendert, aber das Interaktionsverhalten ist nicht ganz recht die anderen a.expand-icons, nicht nur derjenige, der darauf geklickt wurde.

Dies ist das eigentliche Problem, das ich hatte, in der RActive-Event-Bindung ist es nicht sehr gut für mich, eine Interaktion zu definieren, die nur das bestimmte Datenobjekt beeinflusst, mit dem der Benutzer mit interagiert Die Interaktion scheint alle Daten zu beeinflussen.

jeder Einblick in das richtige Umfang?

Answer 1

Hier ist ein Beispiel http://jsfiddle.net/e7mjm/

Ich habe auf

geändert generasacodicetagpre.

Jetzt rendern es "on Demand", wenn Sie öffnen

und Sie können den generationspflichtigen Code verwenden.Einfach tun

generasacodicetagpre.