使用JSF绘制图形结构

时间:2012-12-06 15:39:17

标签: jsf structure paint mindmap organizational-chart

我想创建一个JSF Web应用程序,以显示图形结构(由数据库中组织的分层元素组成),如果可能,用户最终可以放大/缩小,添加新的元件...

但是我无法识别单个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来显示矩形,但我无法显示链接并与结构交互......

有什么好主意吗? 谢谢你的帮助!

1 个答案:

答案 0 :(得分:2)

OmniFaces有a component for creating a hierarchical tree。 也许您可以使用它来显示自定义标记,并设法使用Javascript来操作它,以获得您想要的行为。

如果这不可行,我建议你研究一下HTML5 Canvas,看看你能做些什么。您可以在此处查看this is open source (GPL) HTML5 mind map app code is at GitHub