与可拖动分组一起使用时，sgOnSelectedRowsChanged事件多次发出Angular-slickgrid

如何解决与可拖动分组一起使用时，sgOnSelectedRowsChanged事件多次发出Angular-slickgrid

可拖动分组和复选框选择器已启用。如果在网格与某些列分组时单击“全选”复选框，则会多次发出sgOnSelectedRowsChanged（）事件，直到取消选中所有选中的复选框。这发生在几分之一秒之内，因此全选选项似乎不起作用。但是单个选择复选框可以正常工作。

此问题可以在可拖动的分组滑动网格演示中重新创建。

1. enableCheckboxSelector：在gridOptions中为true。
2. HTML

<angular-slickgrid gridId="grid19"
    [dataset]="dataset"
    [columnDefinitions]="columnDefinitions"
    [gridOptions]="gridOptions"
    (onAngularGridCreated)="angularGridReady($event)"
    (sgOnSelectedRowsChanged)="SelectedRows($event,$event.detail.args)">
  </angular-slickgrid>

1. TS中的SelectedRows（）。

public selectedRows = [];

SelectedRows(e,args) {
    console.log("args",args)
    this.selectedRows = [];
    if (Array.isArray(args.rows)) {
      this.selectedRows = args.rows.map(res => {
        const item = this.gridObj.getDataItem(res);
        return item;
      });
    }
  }

解决方法

同时使用这两个功能可能并不理想，您可能需要做一些技巧才能使它们一起工作。了解发生情况的最佳方法是查看SlickGrid（核心库）插件代码，在这种情况下为slick.draggablegrouping.js，我们可以看到，在分组时调用方法updateGroupBy()时，它会调用{ {1}}，这说明了为什么您的选择变为空。

您必须获得可行的解决方案的最好机会就是像我说的那样欺骗lib。您将必须找到一种方法，以在“可拖动分组”开始之前获得选择，这意味着您将希望在调用dataView.setGrouping([]);之前获得选择。不幸的是，该插件只有一个dataView.setGrouping([]);事件，而我们希望为此工作有一个onGroupChanged事件。

1. 可能的解决方案，在onBeforeGroupChanged分支上创建拉取请求，以在slick.draggablegrouping.js中添加6pac/SlickGrid事件。我强烈建议您这样做，这将对社区有所帮助
2. 类似于选项1），但在slick.dataview.js的onBeforeGroupChanged事件中添加了一个新的onBeforeSetGrouping事件。
3. 在DataView中，我看到一个onBeforeGroupChanged，我认为它在onBeforePagingInfoChanged的过程中被调用，如果它发生在分组之前，您可能会很幸运并且能够拉出{{ 1}} setGrouping()之前，您必须尝试。
4. 如果您通过按钮调用分组，那么您就是调用getSelectedRows()的那个，因此您可以在应用分组之前复制所选内容

我试图找到一个在选择之前触发的事件，但是我什么也找不到（尽管我在源代码中检查得非常快）。我知道我们使用onSelectedRowsChanged（行选择方法），但是即使只有一个事件setDroppedGroups也是在事实之后，而我们需要在分组/选择更改之前发生的事件。

所以最好的选择是首先尝试选项3），如果那不起作用，那么我强烈建议您做出贡献，并做选项1）和/或2）（您可以同时添加两者）。如果确定要创建PR，则只需将此SO Answer引用到您的PR。祝你好运。

...哦，顺便说一句，我是Angular-Slickgrid的作者，并且您可以看到Angular-Slickgrid高度依赖于核心库SlickGrid（6pac fork），在您的用例中，问题在于核心库本身不是Angular-Slickgrid。