2013-04-11 77 views
15

我正在为我的网页应用程序和HTML5需求创建家谱功能。我已经搜索并找到了一些JS样本,但是我没有找到符合我要求的任何内容。我已经尝试过JIT,拉斐尔,GoJS等寻找一个家谱

我发现这是最接近的一个是从GoJS:

GoJS fam-tree option #1

但是,这还远远不够。我需要通过拖放功能将一个成员连接到另一个成员。

是否有一些JS可以符合要求或至少像GoJS一样操作?由于我需要为GoJS支付许可证,然后对其进行定制,所以预算紧张。非常感谢你。

+0

我是看着你的GoJS链接。你可以使用jQuery.UI补充该库,看看你是否可以使这些元素“可拖动”和“可丢弃”?我将尝试将它们放在一起(如果他们有免费试用版) – 2013-04-13 03:05:55

+0

我发现jOrgChart可以拖动和拖放。 http://dl.dropboxusercontent.com/u/4151695/html/jOrgChart/example/example.html – Irwan 2013-04-18 02:32:20

回答

5

我已经找到它了。我对此家谱使用jsPlumb进行了一些修改。谢谢大家。

6

您正在寻找的功能是内置到GoJS。例如看看
Org Chart Editor Sample

您可以双击节点以添加新人,将节点拖到另一个节点上以更改关系,并从节点的背景中绘制链接(通过单击拖动操作)到其他没有“老板”。

(如果你想有一个节点有这个简单的样品中没有老大,你可以选择并删除链接)