javascript - 需要使用具有连接和端点的 jsplumb 验证页面

Question

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

• 我需要验证必须检查是否所有端点的页面有联系。
• 如果所有端点都有连接，则它必须验证为真否则它必须验证为假。

Answer 1

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

  因此您将获得可用的 totEndPoints 的计数。

• 其次使用 jsPlumb.getConnections() 找到连接每个连接找到 sourceId 和 targetId 存储那个 id 在一个数组(例如:jsArray)

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

  您可以根据计数进行验证。如果计数相等，则所有端点都有连接，否则任何端点都没有连接。

  函数 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;
      }