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

Question

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

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

Answer 1

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

  因此，您将获得可用的 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;
      }