SlickGrid中是否可以批量修改分组行的单元格数值？

完全可以实现你需要的效果，SlickGrid 原生自带分组能力，无需额外引入第三方分组控件，就可以实现编辑分组行后批量同步所有下属行单元格数值的需求，和你之前在Silverlight中用到的功能效果一致。

核心实现步骤 #

• 开启分组配置
  调用DataView.setGrouping()方法配置分组规则，指定分组字段、分组头展示样式等基础属性，完成分组行的基础渲染。
• 开放分组行编辑权限
  默认分组行不可编辑，你需要在对应列的定义中重写isEditable回调，当判断当前行是分组行时返回true，允许该列的分组行进入编辑状态。
• 绑定编辑事件实现批量赋值
  监听表格的onCellChange事件，当触发编辑的是分组行单元格时，遍历当前分组下的所有子行，将编辑后的数值批量赋值给所有子行的对应字段，最后刷新表格即可完成批量更新。

简化代码示例 #

// 监听单元格编辑提交事件
grid.onCellChange.subscribe(function(e, args) {
  const currentRow = args.item;
  // 校验当前行是否为分组行
  if (currentRow.__group) {
    const updateValue = currentRow[args.column.field];
    // 遍历当前分组下所有子行批量赋值
    currentRow.rows.forEach(child => {
      child[args.column.field] = updateValue;
      dataView.updateItem(child.id, child);
    });
    // 刷新表格渲染
    grid.invalidate();
    grid.render();
  }
});

补充说明 #

如果你的场景用到了多层嵌套分组，只需要在遍历currentRow.rows时增加递归逻辑，判断子元素如果还是分组就继续向下遍历，直到拿到所有最底层的业务行再统一赋值即可。

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