2012-12-06 85 views
1

我想創建一個JSF web應用程序到display一個圖形結構(由組織在數據庫中的層次元素組成),如果可能的話,用戶最終可以放大/縮小,添加新的元素...用JSF繪製圖形結構

但我一直無法確定一個單一的JSF組件(或兼容的組件)來幫助我做到這一點。

這就是我想要的:http://www.yworks.com/products/yfileshtml/demos/Complete/demo.yfiles.graph.orgchart/index.html 但它不是免費的,不在JSF中。

我認爲PrimeFaces思維導圖部件,但它是不兼容IE8,這是我謨的要求...

我的第二個想法是使用RichFaces' Paint2D在矩形手動繪製信息和矩形之間的聯繫與計算的座標,但是這似乎有點複雜...... http://livedemo.exadel.com/richfaces-demo/richfaces/paint2D.jsf?c=paint2d

最後的想法是使用CSS來顯示矩形,但我不能顯示的鏈接,並與結構互動...

有什麼更好的想法? 謝謝你的幫助!

回答

2

OmniFaces有a component for creating a hierarchical tree。 也許你可以使用它來顯示自定義標記,並找出一種方法來使用Javascript來操作它,以獲得你想要的行爲。

如果這樣做不可行,我建議你研究一下HTML5 Canvas,看看你能用它做些什麼。你可以從這裏獲得靈感this is open source (GPL) HTML5 mind map appcode is at GitHub

+0

謝謝你的回答。 不幸的是,分層樹並不完全是我所需要的,它仍然是太多的表格。 至於HTML5思維導圖的應用程序,它需要IE9 + :( – user1882817

+0

對不起,聽說... IE兼容性是一個相當困難。 – elias