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/

我自己也在angular中使用过它。