Angular中如何让kendo-grid-messages仅作用于单个布尔筛选列？

在Angular的Kendo Grid中，全局的<kendo-grid-messages>会统一覆盖所有布尔筛选列的提示文本，要实现单列自定义，最直接的方式是给目标列单独配置筛选单元格模板，具体实现如下：

方案：使用列级筛选单元格模板 #

通过kendoGridFilterCellTemplate为目标布尔列定制筛选组件，并传入专属的消息配置，不会影响其他列：

<!-- 仅该列使用自定义的Yes/No筛选文本 -->
<kendo-grid-column field="isActive" title="是否激活" filter="boolean">
  <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
    <kendo-grid-boolean-filter-cell
      [column]="column"
      [filter]="filter"
      [messages]="{ filterIsTrue: 'Yes', filterIsFalse: 'No' }"
    >
    </kendo-grid-boolean-filter-cell>
  </ng-template>
</kendo-grid-column>

<!-- 其他布尔列仍使用默认的True/False提示 -->
<kendo-grid-column field="isVerified" title="是否验证" filter="boolean"></kendo-grid-column>

原理说明 #

kendo-grid-boolean-filter-cell是Kendo提供的布尔筛选内置组件，通过给它单独传入messages对象，就能覆盖该列的筛选提示文本，而不会影响全局或其他列的配置。

替代方案：动态修改筛选器消息（可选） #

如果不想使用模板，也可以在组件类中针对特定列的筛选器实例修改消息，比如在gridReady事件中操作：

import { GridComponent } from '@progress/kendo-angular-grid';

export class YourGridComponent {
  onGridReady(grid: GridComponent) {
    // 找到目标列的筛选器
    const targetColumn = grid.columns.find(col => col.field === 'isActive');
    if (targetColumn && targetColumn.filter) {
      // 修改该筛选器的消息
      (targetColumn.filter as any).messages = {
        filterIsTrue: 'Yes',
        filterIsFalse: 'No'
      };
    }
  }
}

不过这种方式需要依赖Kendo Grid内部的实例结构，不如模板方案稳定直观，优先推荐第一种模板方法。

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