使用Ractive js顯示樹結構需要幫助

Question

我是Ractive js的新手。 我需要以樹的形式顯示組織層次結構。 我在我的Ractive模板中定義了1個數組。

managerTeam = {M1: [T1, T2, M2, T3], M2: [M3, T4,T5], M3: [T6,T7]}; 

其中M1是根經理，T1-T7是葉節點（團隊成員）

我應該怎樣使用jsTree或任何其他庫顯示？

Answer 1

要使用jsTree你必須：

1. 添加jsTree庫添加到
頁
2. 把你managerTeam對象爲格式可以接受的jsTree，像這樣：

managerTeam = [{ "id":"m1", "text": "M1", "children": [ {"parent": "m1", "text": "T1"}, {"parent": "m1", "text": "T2"}, {"parent": "m1", "text": "M2"}, {"parent": "m1", "text": "T3"} ], "state":{"opened":true}}, { "parent": "root", "id": "m2", "text": "M2", "children": [ {"parent": "m2", "text": "M3"}, {"parent": "m2", "text": "T4"}, {"parent": "m2", "text": "T5"} ], "state":{"opened":true}}, { "id": "m3", "text": "M3", "children": [ {"parent": "m3", "text": "T6"}, {"parent": "m3", "text": "T7"} ], "state":{"opened":true}}]

1. 寫一些配置代碼爲di您的網頁上信息v將DOM後，根據變成樹jsTree規則和運行它裝載

這樣一個例子，你可以在這裏看到：Fiddle