jsPlumb:如何进行从除法到端点的修改？
jsPlumb:如何进行从除法到端点的修改？
提问于 2014-08-11 04:11:07
我已经动态地创建了节点(通过yui3库)。作为html-元素相同父级的子节点创建的所有节点。
然而，在设计方面，某些节点必须是其他元素的端点。
对于连接绘图，我使用jsPlumb库。
举例说明。
HTML-代码：
<html>
<body>
<div class="window" style="height: 150; width: 100; top: 50; left:50">parent</div>
<div class="ep" style="height: 10; width: 10; top: 55; left:45">1</div>
<div class="ep" style="height: 10; width: 10; top: 70; left:45">2</div>
</body>
</html>我希望"1“和"2”元素将是“父”-element的端点。
所有元素都应该是可拖动的，“子”分区应该与“父”分区一起移动。
我该如何解决这个问题？
谢谢你的关注尤金。
问题：
- 如何使现有的除法成为其他元素(节点)的端点？
- 如何通过拖动“父”元素来拖动元素列表？
- 使用yui3解决方案也将非常有用。
我的研究：
- 在addEndpoint库中有“jsPlumb”函数。但是这个函数为端点创建了新的节点。我不理解用我的设计(即不是标准矩形或圆圈)绘制端点的方法，也不理解某些元素属性设置的正确方法。
- 我试着制作层次化的html文档，但这种情况产生了下一个问题:在子层绘制的连接。经过几个星期的尝试纠正这个错误，我选择了当前版本。
回答 1
Stack Overflow用户
发布于 2014-08-11 17:01:12
引自疑问
在addEndpoint库中有“jsPlumb”函数。但是这个函数为端点创建了新的节点。我不理解用我的设计(即不是标准矩形或圆圈)绘制端点的方法，也不理解某些元素属性设置的正确方法。
Docs - http://jsplumbtoolkit.com/doc/endpoints.html
定制端点的方法有很多种，当然，使用自己的html元素也会有麻烦--有些--我看不出有什么好的理由这么做(最好在jsPlumb上下文中有一些东西，因为有很多处理程序/事件/查询需要处理)。您可以自定义有关端点的所有内容。
Demos - http://jsplumbtoolkit.com/demo/
如果您已经尝试过关于端点的外观和感觉的东西，但它没有起作用，您可以让我们知道。IMHO使用图像作为端点的能力满足了所有用例。
下面是如何删除连接&端点：
jsPlumb.getConnections({
//source: id (you can delete selectively by querying what you want)
}).forEach(function (conn) {
jsPlumb.detach(conn);
});
jsPlumb.selectEndpoints({
//source: id (you can delete selectively by querying what you want)
}).each($.proxy(function (ele) {
var uuid = ele.getUuid();
jsPlumb.deleteEndpoint(uuid);
}, this));也有一些短手，如：
jsPlumb.deleteEveryEndpoint();
jsPlumb.detachEveryConnection();页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25235747
复制相关文章
相似问题
腾讯云开发者
