自製OrgChart組織圖(以單淘汰比賽以例)

edited 十一月 -1 in Flex & Flash
先將樹根的座標、寬長度設定好,再new Object(),給他一些自訂的屬性,然後丟到function裡遞迴,直到東西全部產生。

(資料表內容,和觀念說明,在zip檔裡面有)

流程:

1. 先select * from [table],再把資料轉成二維陣列(不想在PHP對資料庫作遞迴查詢,會出人命,直接把「一次」查詢出來的結果,讓PHP幫我遞迴組成這些資料),這樣陣列裡的屬性,會被看成物件(子節點個數)

2. 經過flex裡頭RemoteObject的method,取得PHP後端的資料

3. 把屬性中帶有物件的陣列集合,轉成一般陣列

4. 利用遞迴的方式,重覆3的方法,來產生自訂的XML(遵照E4X)

5. 使用遞迴,將xml轉成眼前所看到的物件(OrgChart)

大致上是這樣,有測試過,無論子節點有多少,都不會撞到,至於我想做這個東西的概念,是來自於下列網址:
http://visudemos.ilog.com/webdemos/orgchart/orgchart.html

因為它的三方元件貴到讓人傻眼,我就想說乾脆自己寫一個,只是目前還是雛型,之後再慢慢修正改進。

原始討論: http://twpug.net/x/modules/newbb/viewtopic.php?topic_id=4191
Sign In or Register to comment.