jsPlumb 有啥替代品吗？ （为了连接 DOM 元素）[关闭]

Posted 2023-03-05

【中文标题】jsPlumb 有啥替代品吗？ （为了连接 DOM 元素）[关闭]

【英文标题】：Are there any alternatives to jsPlumb? (for the purpose of connecting DOM elements) [closed]jsPlumb 有什么替代品吗？ （为了连接 DOM 元素）[关闭]

【发布时间】：2012-01-04 06:16:38

【问题描述】：

我正在制作一个甘特图项目管理系统，我正在尝试将 UI 的 DOM 元素连接在一起，就像在 this jsPlumb demo 中一样：

但是，我不太喜欢 jsPlumb。我搜索了替代品，但找不到任何替代品。

您有什么 jsPlumb 替代品建议吗？

【问题讨论】：

你到底想做什么？

@Pekka - 目的是将元素连接在一起，例如this。

@Steve 谢谢！这看起来很酷。 Needim - 您需要为您的问题添加 lot 更多详细信息。你的具体要求是什么？为什么你不需要太多 jsplumb？否则，这是不可能回答的，很可能会被关闭。

Yahoo Pipes 怎么样？

我正在制作一个甘特图项目管理系统。在甘特图视图中，我将里程碑与 jsplumb 连接起来，如下所示link（蓝色箭头）。但是甘特图有很多里程碑和关系。当我滚动页面时，jsplumb 连接没有移动。滚动事件完成后 jsplumb 重绘连接。这对我不利。

【参考方案1】：

“WireIt 是一个开源 javascript 库，用于为数据流应用程序、可视化编程语言、图形建模或图形编辑器创建 Web 可连接界面。”

DERI pipes 灵感来自 Yahoo 的 Pipes

JavaScript Gantt Chart富脚本API：

Ext Gantt 是一个基于 Ext Js 框架的甘特图组件（由 Sencha Inc 制造）

dojox.gantt 是道场甘特图部件

【讨论】：

d3 (d3js.org) 可能是一个替代方案。

【参考方案2】：

jsPlumb 没有开箱即用的甘特图连接器，但有人在一两年前写了一个：

http://help-me-hackers.com/tasks/107

当我看到它时，我觉得它很酷。我不太了解它，因为它都是日文的，但是完善这些连接器然后将它们添加到 jsPlumb 供所有人使用的想法非常吸引人。

我认为代码可能在这个 github 项目中：

https://github.com/komagata/jquery.ganttView

..但请注意，如果您确实尝试集成它们，代码在编写后已经移动了一点，因此您可能需要提前做一些工作。如果你想追求这个，我很乐意为你提供帮助。

【参考方案3】：

不确定这是否比 jsPlumb 更容易，顺便说一句，这很棒。

这个框架就像 yahoo 管道可视化 UI 编辑器，http://neyric.github.com/wireit/index.html 和这个 http://neyric.github.com/webhookit/docs/index.html