问题标签 [jsplumb]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
857 浏览

javascript - 使用非默认实例时 JsPlumb 不建立连接

我将为每个画布使用单独的 jsPlumb 实例。我正在使用 Continious 锚点和 StateMachine 连接器等新功能。但我面临以下问题:

  • 首先,我使用特定默认值启动新实例,但没有看到它们被应用。
  • 其次,在丢弃时未建立连接。我认为范围是问题的原因,但不是。

这是一个示例http://jsfiddle.net/CjBdX/34/,您可以在其中重现上述问题。(请在使用演示之前单击启动锚点)当只使用一个 _default jsPlumbInstance 时,一切似乎都工作正常。

请帮我找出这个代码不起作用的原因。

非常感谢您!

0 投票
2 回答
2182 浏览

jsplumb - jsplumb - 从 div 的所有侧面拖放连接

我正在使用 jsplumb 制作流程图编辑器。在 jsplumb 的流程图连接器演示中,我们可以从 div 的一侧进行拖放连接,我希望该 div 接受并从所有四个侧进行连接。

谢谢。

0 投票
2 回答
4874 浏览

javascript - jsPlumb 和动态添加的容器

由于在任何地方都没有 jsPlumb 论坛,我希望这里有人可以帮助我。

我想从我从 JSON-API 获得的一些数据中生成这个图,这个 API 给我的是带有名称和多个接收器/源的“设备”,我想将其显示为带有设备名称的列表第一排。

所以我想我会使用一些 JQuery 来生成这些 div 并将我需要的 jsPlumb-endpoints 添加到设备中。不幸的是,我只能让现有 div 上的端点工作,但不能在我动态生成的那些上工作。Firebug 在 addEndpoint 函数中向我显示错误“myOffset is null”,我并没有真正看到任何错误。

我在这里做了一个小提琴:http: //jsfiddle.net/2mcD2/4/

0 投票
2 回答
650 浏览

javascript - 将 div 扩展到相对左上角的内容

我有这个问题,我试图在一个页面上显示多个图表(基于 jsPlumb)。因为无论有多少可用空间,我都希望每个图表并排在一行上,所以我使用的是表格(如果我使用带有 float:left 的 div,如果没有足够的空间可用,一些 div 会向下移动到单独的排)。

现在每个表格单元格都包含一个主 div,而主 div 又包含两个或多个节点 div。jsPlumb 的工作方式是为每个节点创建一个单独的 div。我需要将每个节点相对于其父 div 定位在特定的顶部/左侧。

我遇到的问题是每个表格单元格中的主 graphDiv 没有扩展以适应其内容。一些图形节点 div 在它之外。我知道当你有“绝对”定位的 div 时,它们不会被考虑在内。但我使用的是带有上/左坐标的“相对”定位的 div。是否同样适用?如果是这样,我扩展 table-cell/graphDiv 以覆盖其内容的最佳方式是什么?(我已经尝试了所有明确的修复程序,并浏览了所有与堆栈溢出相关的帖子,但找不到解决方案)。

这是我设置的 jsfiddle 页面的链接:http: //jsfiddle.net/7QkB2/28/

0 投票
1 回答
5015 浏览

javascript - 提交前查询所有 jsplumb 连接

我正在使用 jsplumb 允许用户连接大量 div,我想知道是否可以查询所有连接器的最终状态,以便我可以将状态保留回服务器上。在查询连接时,div 都将具有我想要获取的 id。

感谢您的任何帮助或建议。

0 投票
2 回答
4367 浏览

javascript - jsPlumb 处理可滚动 div 容器中的元素

我正在使用 jsPlumb 连接一堆 div(很像流程图)。所有的 div 都包含在一个可滚动的父 div 中。有点像下面的代码,但容器 div 中有更多的 div。

我的问题是,如果我滚动 div,jsPlumb 生成的连接线只会留在原地,而不是滚动它们应该连接到的 div。我试过使用 jsPlumb.repaint() 但仍然没有运气。似乎 jsPlumb 没有考虑到容器 div 的滚动偏移量。有没有办法解决这个问题?我真的想避免将连接的 div 从容器 div 移到正文中,因为这将需要一些非常烦人的 css/html 重新编码。

0 投票
1 回答
654 浏览

raphael - 我可以用javascript连接对象吗?

我想做一个看起来像这样的界面

在此处输入图像描述

所以这是用户可以做的

1- 将人们彼此联系起来 2- 查看有关每个人的一些信息(气球) 3- 移动这些对象而不会失去联系

然后我想用ajax保存这些连接信息,这样我就可以看到谁和谁连接了,我还需要在用户下次看到页面的时候重新绘制这些图。

似乎 jsPlumb、paperjs 和 raphael 都可以做到这一点以及更多,我的问题是哪一个适合这种需求。

0 投票
4 回答
16693 浏览

javascript - jsPlumb:如何使流程图连接器避免相交元素?

是否可以使 jsPlumb Flowchart 连接器不交叉连接项目或指定元素(在示例中:具有“项目”类的元素)?

默认流程图行为:

在此处输入图像描述

期望的结果:

在此处输入图像描述

这是我尝试过的:

http://jsfiddle.net/CcfTD/1/

编辑澄清

HTML

JS

基本上让 jsPlumb 引擎(SVG 或画布)了解相关的 DOM 元素并有一个对象避免方案

http://jsfiddle.net/adardesign/2ZFFc/

0 投票
1 回答
2958 浏览

jsplumb - jsplumb - 滚动出视图时隐藏连接器

我们希望使用 jsplumb 在两个并行的、可滚动的列表中绘制项目之间的链接——比如说,在具有溢出=自动的 div 中。如果两个项目被链接,则滚动列表,以便其中一个滚动到视图之外,仍然绘制 div 外部的 jsplumb 链接部分。下面是一个示例页面(需要在同一目录中的 jquery js 文件和 jsplumb js 文件,根据显示的脚本包括):

我们尝试了各种 z-index 技巧来剪辑/隐藏不应显示的线条(或部分线条),但没有任何运气。谁能建议如何处理它,或建议另一种方法,使用 jsplumb 或其他方式?

提前感谢您的任何想法。

0 投票
1 回答
181 浏览

jquery - 如何使用 jsplumb 将列表或按钮元素从其父 div 拖动到另一个 div

我有一个 div 元素,它由列表元素组成,例如:java、ror、.NET。

我想拖动一个特定的列表,假设只有 java 从它的当前 div 元素到另一个 div 元素。