问题标签 [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 投票
2 回答
592 浏览

primefaces - 使用 jsplumb 时 id 名称中的冒号 (:)

我正在使用 jsplumb 和 Primefaces。我有许多 p:panel 组件作为 ui:repeat 的一部分生成。然后我想使用 jsplumb 将这些面板连接在一起。Primefaces 生成面板 ID,然后我在脚本代码中使用它们来设置 jsplumb。

当我使用我创建的面板 ID 时,一切正常,但我使用自动创建的面板 ID 没有连接器出现。

其中 j_idt20:0 和 j_idt20:1 是从 Primefaces 生成的 id,并通过检查浏览器上的 html 页面找到。

我想我已经将问题归结为生成的 id 包含“:”这一事实。例如'j_idt_29:0'

如何在行中的 jsplumb 中的名称中使用 : 引用 id jsPlumb.connect({source:"element1"target:"element2"});

0 投票
3 回答
3415 浏览

javascript - jsPlumb/JQuery 如何定位任意数量的节点?

我正在尝试实现周边锚点,我终于达到了我的所有节点都在它们的形状内,按照它们应该的方式连接,而不是重叠,但我找不到如何在页面上更好地分散它们。

我有 2 组节点,第 1 组中的每个节点都连接到第 2 组中的所有相关节点。所有节点依次出现,连接相互重叠。我正在尝试关注github 上的演示,我看到每个节点都有额外的样式属性,将其定位在页面上的某个位置,我找不到如何、在何处或添加此属性的内容。

如何以一种很好的方式分散节点,使它们不会相互重叠?

0 投票
1 回答
2730 浏览

jsplumb - 无法在 JSPlumb 中创建直线连接

我正在尝试在 JSPlumb 中创建两个端点之间的直线连接。当我尝试连接到端点时,源点被拖动而不是创建直线连接。

这里的小提琴:http: //jsfiddle.net/dutchman71/aMksZ/2/

任何帮助表示赞赏。

0 投票
2 回答
3010 浏览

jsplumb - jsPlumb 新连接处理程序:如何获取端点锚点位置?

是的,所以我一直在玩 jsPlumb。假设我有一个带有两个端点的 div;一个顶部中心,一个底部中心。

创建新连接后,我可以使用以下函数绑定到该事件。我的问题是,如何获得端点的锚点位置?我确实得到了 Source 和 TargetEndpoint 对象,但是查看文档,我看不到获取锚点位置的方法......

谢谢!

0 投票
3 回答
5197 浏览

jsplumb - jsplumb:从同一个源锚创建两个连接

我在 jsPlumb 尝试从同一个源锚创建两个连接时遇到了麻烦。

例如,在下面的 JSFiddle 中,我试图创建从块 1 锚点到其他两个块 2 和 3 的两个连接。 http://jsfiddle.net/dutchman71/TYerW/3/

出于某种原因,它在这里的 jsPlumb 示例中使用绿点锚可以正常工作。 http://jsplumb.org/jquery/draggableConnectorsDemo.html#

谁能告诉我我错过了什么?

0 投票
3 回答
5795 浏览

javascript - 带有 jsPlumb 的流程图

我正在尝试使用 jsPlumb 创建流程图。我有两个元素,我想用一条线连接它们。我想要一条线,但不是我现在拥有的一个大点。我已经尝试在任何地方设置点的半径,但它似乎不受影响并且保持在默认的 20 像素。我究竟做错了什么?

制作这个:

[]

JSFiddle 演示

0 投票
2 回答
3365 浏览

javascript - jsPlumb 工具包

jsPlumb 工具包中是否可以根据要绘制和连接的对象的数量和类型动态定位内容。我的意思是目前他们给出的示例使用 css 来定位每个节点,当我们动态生成可视化时这不是一个好的选择,因为我们不知道网络中有多少对象(节点)可用。是否可以使其动态化?

注意:jsplumb 中的新手。

0 投票
1 回答
642 浏览

android - jsPlumb 触摸事件在网络浏览器上工作,但在平板电脑浏览器上不工作

我已经使用 jsplumb 匹配了列模板,其中我使用了拖放功能。在网络浏览器上一切正常。但是当我在平板电脑浏览器上运行相同时,它不起作用。我阅读了他们建议使用 touchpunch 的论坛。我也用过。但是当我点击圆圈以匹配另一列时,它不会移动。请提出错误在哪里。我使用的代码片段是:

main.js

索引.html

0 投票
3 回答
1273 浏览

yui - 使用带有 YUI 的 jsPlumb 使 Div 可拖动但包含

我正在尝试将 jsPlumb 与 YUI 框架一起使用,以使一些 div 可拖动和连接。但是,我发现当我尝试使 div 可拖动但包含在其父级中时,使用:

div 仍然可以拖动到其父级的范围之外。如果我将父级的 css 设置为“溢出:隐藏”,当它被拖出父级的边界时,我将看不到 div,但我仍然会看到 div 的连接器,这看起来很尴尬。要在小提琴中看到这一切:http: //jsfiddle.net/xXYwX/3/ 有谁知道是否有办法使用 jsPlumb 的可拖动功能与 YUI 并仍然限制可拖动 div 的移动?

谢谢!

0 投票
2 回答
6983 浏览

c# - ASP.NET 可视化图表\流程图控件

我正在寻找 Web 应用程序的图表\图表\流程图用户控件,最好是 ASP.NET。

我的愿望是传递一个包含节点和边集合的 Graph 对象,我要寻找的功能是:

  1. 添加一个新节点。
  2. 用一条边连接两个节点。
  3. 删除节点和边
  4. 自动布局算法,以最大限度地减少层和边缘的交叉

我找到了部分解决方案,可以帮助我创建这样的组件,例如:

  1. JSPlumb 或 Raphael 在客户端上绘制图形。
  2. GLEE\ MSAGL 以可视化方式自动对图形进行排序。

所有这些都将允许我构建一个组件,但我想知道是否有人已经看过基于 Web 的东西并且可以完成任务?希望它的开源:)