Angular Slickgrid可拖拽分组预验证及分组列动态增删问题

分组预头部列新增预校验支持情况 #

你使用的Angular-Slickgrid 2.19.0版本原生支持该能力，通过onBeforeGroupBy事件实现：

• 事件触发时机：列被添加到分组预头部之前
• 校验逻辑：在事件回调中执行自定义校验，校验不通过时返回false即可终止本次新增操作
  示例配置：

this.gridOptions = {
  enableGrouping: true,
  onBeforeGroupBy: (event, args) => {
    const toBeAddedColumn = args.column;
    // 替换为你的自定义校验逻辑
    if (!checkColumnValid(toBeAddedColumn)) {
      return false;
    }
    return true;
  }
}

编程移除分组预头部指定列的方法 #

通过GridService提供的API可直接实现：

• 移除单个指定列：调用removeGroupBy(列ID)方法，传入目标列的id属性即可
• 清空所有分组列：调用clearGrouping()方法
  示例代码：

// 注入AngularGrid实例后调用
this.angularGrid.gridService.removeGroupBy('target_column_id');

关联版本参考 #

• Angular : 7.3.5
• Angular-Slickgrid : 2.19.0
• TypeScript : 3.1.6
• Windows 10
• Node : 10.16.3
• NPM : 6.9.0

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