2012-04-02 16 views
10

Mam drzewo obiektów w moim viewModel. Obiekty są mniej więcej tak:Wyświetlanie hierarchii (drzewa) przy użyciu knockoutjs

function Node() { 
    var self = this; 
    self.otherNodes = ko.observableArray([]); 
    self.moreNodes = ko.observableArray([]); 
} 

Więc ViewModel ma węzeł główny wypełniona obiektów węzła korzenia obiektów dwie tablice. Węzły te mogą z kolei mieć więcej węzłów w swoich tablicach dowolnie głębokich.

Mam trudności z wyświetleniem tej struktury danych w moim widoku. Drzewo zawsze sugeruje rekursję do mnie, ale nie jestem pewien, jak to zrobić za pomocą knockoutjs. Jakieś sugestie?

Odpowiedz

12

Wiązania Szablon może odnosić się do siebie:

http://jsfiddle.net/rniemeyer/UmBku/2/

kilka wskazówek tutaj:

https://groups.google.com/forum/?fromgroups#!topic/knockoutjs/-x4X2AJK0HY

+9

Oto dodatkowy skrzypce, z nieco bardziej prosty przykład: http: // jsfiddle.net/rniemeyer/yHaZT/ –

+1

Ryan, dzięki za aktualizację, powinieneś otrzymać kredyt za tę odpowiedź, ponieważ byłeś autorem oryginalnego skrzypka i odpowiedzi, którą też połączyłem :) Także: dzięki tonę za całą pracę, aby odpowiedzieć na pytania dotyczące ko w ogóle, byłeś ogromną pomocą! –

+0

Dzięki Karl. Bez obaw o uzyskanie kredytu. –

Powiązane problemy