DevExtreme Angular DataGrid - 自定义分组面板和操作

Question

我们希望更好地控制数据网格分组的外观和行为。

对于初学者，我们希望控制分组面板的外观 - 可能创建一个自定义面板。

此外，虽然我们希望保留将列拖放到分组面板和从分组面板拖放的能力，但我们需要取消默认行为（例如，如果在某个列上或某个时间）。

我们可以这样做吗？

最好的方法是什么？

此外，作为最后的手段，我们正在考虑覆盖内置行为。我们正在使用 devextreme-angular 库。我们可以在不重新编译两个库的所有代码的情况下覆盖原始的 devextreme js 模块（例如，提供自定义分组控制器）吗？

谢谢

Answer 1

您需要使用自定义数据源在 devextreme 中实现此类功能。
数据网格使用自定义存储，它为我们提供在网格上执行的所有操作，我们需要处理这些操作并将所需格式的数据提供给网格。
每当您取消组合列时，它都会在 loadoptions 中提供有关该列的信息，您可以通过返回来处理那里的取消组合。
此外，如果您想禁用对特定列的分组，您可以在列对象 allowGrouping = false 中设置属性，这将禁用对该特定列的分组。

有关自定义数据源的更多信息，请参阅此链接 https://js.devexpress.com/Demos/WidgetsGallery/Demo/DataGrid/CustomDataSource/jQuery/Light/

我自己在角度使用它。