我似乎不知道如何选择特定的 jsPlumb 连接器。我知道我可以选择与源或目标相关的所有连接器,但通常我会在同一源和目标之间有多个连接器,因此在这种情况下我看不到能够选择特定连接器的方法。
我的具体用例如下:
如果用户单击连接器,则会出现一个对话框,允许他们编辑连接。 (即设置标签名称,删除连接)。现在,如果他们设置标签或删除连接,我将被迫分离图表中的所有内容,然后重新绘制所有内容。这种方法有效,如果能够仅分离已修改的一个连接或仅更改其标签,那么看起来会更干净。
ideas?
据我了解您的问题,您希望在用户单击它时断开连接。
你需要做什么:
在连接上注册“点击”侦听器jsPlumb
事件 http://jsplumbtoolkit.com/doc/content.html#events
一旦点击事件被触发使用jsPlumb.detach http://jsplumb.org/apidocs/files/jquery-jsPlumb-1-3-16-all-js.html#detach于
触发事件的连接,这将删除它,同时离开
端点未受影响。
这是我使用的代码示例:
//connection was established let's add listener
jsPlumb.bind("jsPlumbConnection", function(info) {
//get connection from event info
var connection = info.connection;
//add on click event
connection.bind("click", function(conn) {
jsPlumb.detach(conn);
});
});
原始演示 http://jsfiddle.net/DMINATOR/peKdB/ - 更新演示 http://jsfiddle.net/peKdB/11/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)