Devextreme-Angular：在网格模式下自定义其他单元格模板

Question

由于英语不是我的母语，我会尽量让事情变得非常简单并解释我的思路。

我们有一个 devextreme-angle DataGrid

示例：

最终目标：

• 按单列对列进行分组，并向不同列添加自定义值

示例：

目前我们正在使用数据网格，我们允许用户按“国籍”进行分组。

这工作正常，我们得到默认的组标题，其中包含：

1. 折叠/展开组的按钮
2. 默认文字+“国籍”+数量
3. 对于数字类型的每一列，我们得到它的总和

第一步是更改文本（Nr.2），这是使用 groupCellTemplate

完美完成的

<dxi-column
  [caption]="'some-caption'"
  dataField="nationality"
  dataType="string"
  groupCellTemplate="nationalityGroupTemplate"
>
  <div *dxTemplate="let data of 'nationalityGroupTemplate'">
    {{ doSomething(data) }}
  </div>
</dxi-column>

结果如下网格：

但是经过大量研究，我无法找到添加或修改其他列的值的方法。 我尝试为每个列添加多个

groupCellTemplate

，但如果未按该特定列分组，则它们不会被触发。 我还尝试操作上面

data

中的

dxTemplate

对象，希望访问行/标题列，但这也不起作用。

如果网格的状态是“分组”，有没有办法修改组行/标题中的多个列。

我知道这样做很奇怪，但这是客户要求的必要功能。我将感谢您的帮助或任何建议。

Devextreme版本：23.1.6

角度版本：17.3.2

万一有人有兴趣。我也在 DevExpress 论坛上发布了一张票。我也公开了。 一旦我解决了我的问题，我就会回答这个问题。 https://supportcenter.devexpress.com/ticket/details/t1257784/datagrid-customize-other-cell-templates-while-in-grid-mode

Answer 1

正如我的问题中提到的，我已经在devexpress的支持中心开了一张ticket。我终于解决了我的问题，这是答案：

我们可以使用

Group Summaries

并实现一个 groupCellTemplates 摘要，而不是尝试实现多个

custom

。

注：

在自定义组摘要的文档中，它说：

确保remoteOperations.summary、remoteOperations.groupPaging 或remoteOperations 属性未设置或设置为false。

但是，如果您如上所述设置这些

remoteOperations

，并且仍然希望在服务器端进行一些其他远程操作，同时在客户端进行自定义摘要。您还应该设置

remoteOperations.grouping = false

。有关远程操作的更多信息。