问题标签 [rappid]

在过去的几天里，我遇到了一个让我有些头疼的问题。

我有一个网页，用户可以在其中创建某种序列图（使用joint.js 和rappid.js v1.7.1）。这个想法是 - 用户有一些可用的节点可以拖到画布上（joint.js 中的纸），然后这些节点可以相互链接。

该功能本身在 chrome 和 Internet Explorer 中运行良好，但我似乎无法让它在 Firefox（版本 47.0.1）中运行。

一旦我在画布上放置一个节点，我就会收到以下错误：

如前所述，此错误仅发生在 Firefox 中，并且使用 Firefox 和 Chrome 调试器功能，我能够判断“相同”对象在 Chrome 中确实接收到 SVG 矩阵，而在 Firefox 中它为空。

该节点包含一个 SVG 图像内容：

rappid.js 中发生错误的代码行

有没有人对joint.js有类似的经验？任何帮助或提示将不胜感激。

谢谢

编辑：我找到了解决这个问题的方法，虽然我必须承认我不太明白。在分析了一个在 Firefox 中运行的演示程序后，我发现不同之处在于我没有在我的代码中调用 Navigator.render() 功能（因为我没有使用导航器）。添加该调用解决了我的问题。（http://jointjs.com/rappid/docs/ui/navigator）

我对jointjs/rappid 库有疑问。我用它来渲染组织图，有超过 200 名员工。我成功地使用 TreeLayout 将它们渲染出来，但是它们没有堆叠在更深的分支中，因此树很大并且不可读。有没有办法像他们在主页上的演示一样呈现它？

我正在使用自己的自定义连接器实现，并且我希望能够考虑到相同元素的其他连接器，以便更好地计算源点和目标点。

到目前为止，我在函数上下文和 VElement 下都找不到任何有用的东西。

除非有人有更好的主意，否则我会传递每个模型中每个元素的总链接，这感觉不对。

提前致谢！

我正在尝试使用 Halo 证明的旋转功能，

我已经像这样在模板中添加了一个元素..

该元素在 Stencil 上看起来很好，当我将它拖放到纸上时它看起来很好，

现在我想旋转它，我很难做到这一点。

如果我调整元素的大小然后尝试旋转它..然后再次调整它的大小，所有的转换都完全搞砸了，如下图所示..

我阅读了一篇文章并了解到 svg 旋转与在 css 中所做的不同，因此在单击按钮时尝试了以下操作，但这也无济于事。

我的目标是在旋转时将自定义 SVG 元素保持在光环内，并且不允许它向上倾斜

我还尝试通过单击按钮而不是使用 Halo 来进行旋转，如下所示..但没有帮助

非常感谢您的帮助。谢谢维舒

Here is and a screenshot I uploaded for you I have edited my post, according to your advice in comments, posting my updated version of my code.I enclose in /**/ my original post for helping you.

Here is my updated code which unfortunately still doesn't work as expected. I remind you that in this dialog form which displays an OK and Cancel button I want the following ones:

1)When pressing OK I want to : a)Delete my current graph And b)Close my dialog

2)When pressing Cancel I want to: Close my dialog (Which in my initial version worked successfylly with dialog.close)

By using this new code my joinjtJS project crashes unexpectedly. How will I make OK button work please?

在函数form中，使用 Javascript-jointJS 我尝试制作一个在我按下按钮时显示的表单。

我想在我的表单中写下我的数据后保留我的数据，并且当我第二次尝试显示我的表单以便能够在表单的字段中查看它们时。

我该怎么做？到目前为止，我可以第一次成功查看它们，但不能第二次查看它们。

在jointJS中，我想在检查器文本字段中进行编辑以自动大写。

我是否必须更改 inspector.js 代码或在我的 main.js 代码中创建一个新 var 才能做到这一点？

在jointJS 文档中没有大写功能的参考。

这可能吗？

我希望在 Rappid 中在 Paper 中插入元素时进行检查，如果该元素是 Workitem 或 Activity 但我在 Rappid 文档中找到的唯一类似检查是：

if (cell.get('type') !== 'link'){//Do something}

检查此元素是否为链接。有没有办法检查不是基于'type'而是基于'name'（其中'name是基本形状的模板名称之一）？

我的意思是我将如何检查元素是否是具有 Stencil 名称 Activity 或 Workitem 的形状？

以及我可以在我的代码中在哪里执行此检查，因为到目前为止我在创建我的过程中尝试halo插入一行代码但我不能。（例如，我什至不能这样做cell.set('wi_name', "ACTIVITY");来设置一个带有名称的检查器字段wi_name 具有名称 Activity)

我在 Rappid/jointJS 中遇到问题

我在 stencil.js 中有 4 个形状（2 个 basic.Circle 和 2 个 basic.Rect），名称为 START(basic.Circle)、END(basic.Circle)、Activity(basic.Rect) 和 Workitem(basic.Rect)，我希望在我的 main.js 中从我的所有图表中获取带有名称的基本形状（我的意思是带有 attrs 文本）“活动”。

这是“活动”的模板描述：

我将如何得到它？到目前为止，我可以在图表中搜索的唯一方法是单元格的类型为 basic.Circle(use of get('type') === 'basic.Circle'))。但是对于 Circle 类型，我有两个项目：Activity 和 Workitem。

搜索名称为“Activity”的图形元素有那么难吗？

先感谢您

在jointJS中，我希望每个元素检查传入连接链接的数量。所以这是我根据文档制作的代码，但它不起作用：

这是getConnectedLinksjointJS中的文档：http: //resources.jointjs.com/docs/jointjs/v1.0/joint.html#dia.Graph.prototype.getConnectedLinks

请问有什么想法吗？