用JSF绘制图形结构

Question

我想创建一个JSF web应用程序到display一个图形结构（由组织在数据库中的层次元素组成），如果可能的话，用户最终可以放大/缩小，添加新的元素...

但我一直无法确定一个单一的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来显示矩形，但我不能显示的链接，并与结构互动...

有什么更好的想法？ 谢谢你的帮助！

Answer 1

OmniFaces有a component for creating a hierarchical tree。 也许你可以使用它来显示自定义标记，并找出一种方法来使用Javascript来操作它，以获得你想要的行为。

如果这样做不可行，我建议你研究一下HTML5 Canvas，看看你能用它做些什么。你可以从这里获得灵感this is open source (GPL) HTML5 mind map app，code is at GitHub。