在jsplump中使用数组作为目标
Using array as target in jsPlumb
我正在尝试在jsplump中创建从一个源到多个目标的连接。我想用一个数组来定义目标。但是,每当我尝试这样做时,jsplumbb总是简单地选择数组中的第一项,而不是使用所有项。
例如,我使用两个元素的id来定义我的数组:var test = ['s4', 's3'];
然后,jsPlumb创建编程连接:
jsPlumb.ready(function() {
jsPlumb.connect({
source:"element1",
target: test,
anchors:["Left", "Left" ],
endpoint:"Blank", /* note that you can also make this "image" if you want something fancy */
endpointStyle:{ fillStyle: "red"},
paintStyle:{strokeStyle:"red", lineWidth:3},
connector:[ "Flowchart", { cornerRadius:"200", stub:"40"} ]
});
})
这只会在#element1和#s4之间创建连接。我说错了什么?关于如何在编程连接的上下文中使用数组,我找不到太多的文档。
尝试为多个目标循环代码,如下所示:
var start = 'element1';
var end = ['s4','s3'];
for(var i=0;i<end.length;i++)
{
jsPlumb.connect({
source:start,
target:end[i],
connector:[ "Flowchart", { cornerRadius:"200", stub:"40"} ],
paintStyle:{strokeStyle:"red", lineWidth:3},
endpointStyle:{ fillStyle: "red"},
anchors:["Left", "Left" ],
endpoint:"Blank"
})
}
类似的问题:如何从单个源连接多个目标?
如文档中所述,您不能在.connect
方法的目标字段中传递数组。
DOCS - http://jsplumbtoolkit.com/apidocs/classes/jsPlumbInstance.html#method_connect
对于同一源连接多个目标,只需多次使用.connect
方法,每次使用不同的目标。
如果你想限制连接的数量,可以从一个端点(默认无限制),然后你可以使用maxConnections
属性- http://jsplumbtoolkit.com/apidocs/classes/jsPlumbInstance.html#method_makeTarget
相关文章:
- 如何在映射数组中添加换行符
- javascript结合了数组和字典
- 需要帮助设置json数组
- 对一个对象使用reduce可以返回一个没有't在数组中包含目标字母
- 指定数组中的元素对,其总和等于特定的目标数字
- 给定一个带有数字的数组,我如何编写一个递归函数,当 2 个元素加起来为一个目标时,它会在数组中查找索引
- 从source-mirth检索通道目标中的数组结果
- 以elementsByClassName数组的任何元素为目标
- Javascript以数组中的项为目标
- 咕噜咕噜的任务目标数组
- 如何使用 lodash 从数组中获取最接近目标的前两个数字
- 求一个整数数组的最高子集,其总和加起来就是给定的目标
- 对象的目标父数组
- javascript函数的目标数组
- 来自单个数组的目标对象值
- 在jsplump中使用数组作为目标
- 目标是数组的唯一和第一个重复成员
- Javascript代理:修改数组目标和更新数组(长度,内容)
- 给两个整数数组找到所有子数组,其总和等于给定的目标数字
- 使用jquery更改数组中目标元素的类