Tree Navigation aufbauen

[Yoah]

Moin,

habe da ein Problem, und zwar möchte ich eine Art Tree-Navigation aufbauen.
Die Informationen liegen in einer ACCESS Datenbank, die ich mittels ADODB.Recordset
abfrage. Die Informationen die in diesem Array vorliegen, dienen zum Aufbau des Trees.

So steht da z.B.:

Process -> Parent -> Label -> Index
1 -> 0 -> Dummy -> 1
39 -> 1 -> Hauptprozess 1 -> 2
41 -> 39 -> Unterprozess 1 -> 3
42 -> 41 -> Unterprozess 1.1 -> 4
43 -> 41 -> Unterprozess 1.2 -> 5
44 -> 39 -> Unterprozess 2 -> 6
45 -> 1 -> Hauptprozess 2 -> 7
46 -> 45 -> Unterprozess 1 -> 8

In VB gibt es eine Lösung dazu, die folgendermaßen aussieht:

Private Sub Form_Load()
   Dim nodX As Node
   Set nodX = TreeView1.Nodes.Add(, , "r", "Root")
   Set nodX = TreeView1.Nodes.Add("r", tvwChild, "c1", "Child 1")
   Set nodX = TreeView1.Nodes.Add("r", tvwChild, "c2", "Child 2")
   Set nodX = TreeView1.Nodes.Add("r", tvwChild, "c3", "Child 3")
   Set nodX = TreeView1.Nodes.Add("c3", tvwChild, "c4", "Child 4")
   Set nodX = TreeView1.Nodes.Add("c3", tvwChild, "c5", "Child 5")
   Set nodX = TreeView1.Nodes.Add("c5", tvwChild, "c6", "Child 6")
   Set nodX = TreeView1.Nodes.Add("c5", tvwChild, "c7", "Child 7")
   nodX.EnsureVisible
   TreeView1.BorderStyle = vbFixedSingle
End Sub

Und damit wäre die Sache in VB gegessen, klar, noch ein paar Formatierungssachen
müssen eingebaut werden und eine Anzeige, aber im Grunde ist das alles.

Nun Suche ich etwas, das mir das Ganze unter JavaScript ebenfalls als Baum anzeigt.

Hauptprozess 1
|
--->Unterprozess 1
| |
| ----->Unterprozess 1.1 v. Unterprozess 1
| ----->Unterprozess 1.2 v. Unterprozess 1
----->Unterprozess 2
|
Hauptprozess 2
|
----->Unterprozess 1

Hat vielleicht jemand eine Idee, wie man so etwas in JavaScript realisieren könnte?

 

[Sven Mintel]

Probiers mal so:

TreeView1.Nodes.Add(null, 0 , 'r' , 'Root');
TreeView1.Nodes.Add('r' , 4 , 'c1', 'Child 1');
TreeView1.Nodes.Add('r' , 4 , 'c2', 'Child 2');
TreeView1.Nodes.Add('r' , 4 , 'c3', 'Child 3');
TreeView1.Nodes.Add('c3', 4 , 'c4', 'Child 4');
TreeView1.Nodes.Add('c3', 4 , 'c5', 'Child 5');
TreeView1.Nodes.Add('c5', 4 , 'c6', 'Child 6');
TreeView1.Nodes.Add('c5', 4 , 'c7', 'Child 7');

Die VB-Konstanten kennt JS natürlich nicht, da musst du ein bisschen mit Integerwerten probieren, um herauszubekommen, welchen Wert die Konstanten eigentlich haben(hab leider nirgends ne Doku darüber entdeckt:-()