Draw a graphic structure with JSF

Question

I would like to create a JSF web application to display a graphic structure (composed of hierarchical elements organised in a database) where, if possible, the user could eventually zoom in/out, add new elements...

But I haven't been able to identify a single JSF component (or compatible component) to help me do that.

This is what I would like : http://www.yworks.com/products/yfileshtml/demos/Complete/demo.yfiles.graph.orgchart/index.html But it's not free and not in JSF.

I thought of the PrimeFaces mindmap component, but it is not compatible with IE8 and this is a requirement for my projet...

My second thought was to use RichFaces' Paint2D to manually draw info in rectangles and links between rectangles with calculated coordinates, but this seems a bit complex... http://livedemo.exadel.com/richfaces-demo/richfaces/paint2D.jsf?c=paint2d

A final thought was to use CSS to display rectangles, but I can't display links and interact with the structure...

Any better idea ? Thank you for your help !

score 2 · Answer 1 · edited Mar 13 '13 at 02:35

2

OmniFaces has a component for creating a hierarchical tree. Maybe you could use that to display a custom markup, and work out a way to manipulate it with Javascript, in order to get the behavior you want.

If that is not feasible, I'd suggest you to study a little bit of HTML5 Canvas, see what you can do with that. You can get inspired here checking out this is open source (GPL) HTML5 mind map app, the code is at GitHub.

edited Mar 13 '13 at 02:35

BalusC

1,082,665
372
3,610
3,555

answered Dec 06 '12 at 16:16

Elias Dorneles

22,556
11
85
107

Thank you for your answer. Unfortunately the hierarchical tree isn't exactly what I need, it's still too much tabular. As for the HTML5 mind map app, it requires IE9+ :( – user1882817 Dec 07 '12 at 08:50
Sorry to hear that... IE compatibility is quite a struggle. – Elias Dorneles Dec 07 '12 at 10:28

Draw a graphic structure with JSF

1 Answers1