用JSF绘制一个图形结构



我想创建一个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来显示矩形,但我不能显示链接和与结构交互。。。

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

OmniFaces有一个用于创建层次树的组件。也许你可以用它来显示一个自定义标记,并找到一种用Javascript操作它的方法,以获得你想要的行为。

如果这不可行,我建议你研究一下HTML5 Canvas,看看你能用它做些什么。你可以在这里获得灵感,看看这是一款开源(GPL)HTML5思维导图应用程序,代码在GitHub。

最新更新