Camunda嵌入表单：表格行复选框逻辑异常及全选功能实现诉求

针对你在Camunda嵌入表单中遇到的「无法使用表格行checked/unchecked复选框逻辑，需添加全选复选框并收集选中数据到数组」的问题，我来帮你完善实现方案：

1. 修正并完善全选逻辑代码 #

你的现有checkAll函数可以优化，同时要确保同步维护选中项数组。注意：原代码中item.selectedDocuments应该是笔误，建议改为item.selected（语义更清晰），同时在全选/取消全选时直接更新目标数组：

$scope.checkAll = function () {
  // 先取反全选状态
  $scope.selectedAll = !$scope.selectedAll;
  // 清空现有选中数组，避免重复添加
  $scope.selectedDocuments = [];
  
  angular.forEach($scope.yourDocumentList, function (item) {
    // 设置每行的选中状态
    item.selected = $scope.selectedAll;
    // 如果是全选状态，将当前项加入选中数组
    if ($scope.selectedAll) {
      $scope.selectedDocuments.push(item);
    }
  });
};

说明：yourDocumentList是渲染表格的原始数据数组，你需要替换成自己实际使用的数组名称

2. 配合HTML结构实现 #

在Camunda嵌入表单的HTML部分，需要添加表头的全选复选框，以及每行的复选框（虽然不能用原生checked逻辑，但可以绑定选中状态）：

<table>
  <thead>
    <tr>
      <th>
        <!-- 全选复选框，绑定全选状态和点击事件 -->
        <input type="checkbox" ng-model="selectedAll" ng-click="checkAll()" />
      </th>
      <th>文档名称</th>
      <!-- 其他表头列 -->
    </tr>
  </thead>
  <tbody>
    <!-- 遍历原始数据数组渲染表格行 -->
    <tr ng-repeat="doc in yourDocumentList">
      <td>
        <!-- 行复选框，绑定当前项的选中状态，同时手动维护选中数组 -->
        <input type="checkbox" ng-model="doc.selected" 
               ng-change="updateSelectedArray(doc)" />
      </td>
      <td>{{doc.name}}</td>
      <!-- 其他数据列 -->
    </tr>
  </tbody>
</table>

3. 添加单行选中/取消的数组维护逻辑 #

为了处理用户单独勾选某一行的情况，需要新增updateSelectedArray函数，确保选中数组始终准确：

$scope.updateSelectedArray = function (doc) {
  // 如果当前项被选中，且不在数组中则添加
  if (doc.selected && !$scope.selectedDocuments.includes(doc)) {
    $scope.selectedDocuments.push(doc);
  } 
  // 如果当前项取消选中，从数组中移除
  else if (!doc.selected) {
    const index = $scope.selectedDocuments.findIndex(item => item.id === doc.id);
    if (index !== -1) {
      $scope.selectedDocuments.splice(index, 1);
    }
  }
  
  // 同步更新全选状态：当所有行都被选中时，全选框自动勾选
  $scope.selectedAll = $scope.yourDocumentList.every(doc => doc.selected);
};

关键注意事项 #

• 确保在Camunda嵌入表单的上下文环境中，$scope能够正常访问（Camunda嵌入表单通常支持AngularJS的$scope绑定）
• 原始数据数组yourDocumentList需要预先加载到$scope中，用于渲染表格
• 选中数组selectedDocuments可以直接用于后续的业务逻辑（比如提交给Camunda流程变量）

内容的提问来源于stack exchange，提问作者beginer beginer