需要使用具有连接和端点的jsplumbvalidation页面

我有一个端点与连接器连接的页面。 假设删除两个端点之间的任何连接,端点保持未连接状态。

  • 我需要validation必须检查所有端点是否都有连接的页面。
  • 如果所有端点都有连接,则必须validation为true,否则它必须validation为false。

  • 首先,在创建端点时,将端点唯一ID存储在数组中。 端点将显示在div存储中,即数组集合中的唯一div id,例如,我存储在totEndPoints(Array)中。

    所以你会得到totEndPoints的数量。

  • 其次使用jsPlumb.getConnections()找到连接,并为每个连接找到sourceId和targetId存储该数组中的id(例如:jsArray)

    删除此数组中存在的重复ID(jsArray)。

    根据计数,您可以validation。 如果计数相等,则所有端点都有连接,否则任何端点都没有连接。

    function fnValidatePage(){

    var jsArray = []; $.each(jsPlumb.getConnections(), function (index, item) { jsArray.push(item.sourceId); jsArray.push(item.targetId); }); jsArray = jsArray.removeDuplicates(); var totEndPoints = []; $.each($('.w'), function (index, item) { totEndPoints.push(item.id); }); if (jsArray.length == totEndPoints.length) return true; else return false; }