Angular Kendo：布尔值的kendo-grid-column过滤器标签

Question

我们正在使用Angular Kendo，并且在要渲染的表（网格）之一中，标头是可过滤的。其中一列绑定到布尔字段，但是我们要显示适当的字符串，而不是原始的布尔值（即active与true）。每行中实际属性的显示很容易通过条件（即{{ boolean-property ? "label 1" : "label 2"}}）来处理，但是标签有点棘手。现在，这是过滤器的外观：

我的目标是使用更合适的标签更新标签，我检查了文档，最近发现的是format属性，我不确定该属性如何用于布尔值。

有人对如何设置过滤器菜单的标签有想法吗？

Answer 1

您可以使用以下方式更改列过滤器的标签：

<kendo-grid-column field="yourField" filter="boolean" title="Your title">
    <kendo-grid-messages
      filterIsTrue="Your label 1"
      filterIsFalse="Your label 2"
      >
    </kendo-grid-messages>
</kendo-grid-column>

Answer 2

不确定更改标签模板，但是我发现可以使用customisation来创建布尔过滤器。

基本上，它使用的是kendo-switch组件。

Stackblitz Example

Answer 3

kendo提供了可过滤的messages属性，我们可以使用它。

filterable:{
     messages:{
          IsFalse : 'label-1',
          IsTrue : 'label-2'
     }
}

在剑道网格选项中使用它。

Answer 4

当前我正在使用<kendo-grid #grid [data]="gridResult" [pageSize]="gridState.take" [skip]="gridState.skip" [sort]="gridState.sort" [sortable]="true" [pageable]="true" [filter]="gridState.filter" scrollable="scrollable" [selectable]="true" filterable="menu" [loading]="loading" > <kendo-grid-messages filterIsFalse="Active" filterIsTrue="Inactive"></kendo-grid-messages> <!-- Some other column defs --> <kendo-grid-column title="Status" field="isDeleted"> <ng-template kendoGridCellTemplate let-dataItem> {{dataItem.isDeleted ? 'Inactive' : 'Active'}} </ng-template> <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService"> <kendo-grid-boolean-filter-menu [filter]="filter" [filterService]="filterService" [column]="column"></kendo-grid-boolean-filter-menu> </ng-template> </kendo-grid-column> </kendo-grid>版，并且能够执行以下操作来更新BooleanFilterMenuComponent的标签

real*8, parameter :: para1(*) = [43.234, 34.0498, ...
real*8, parameter :: para2...

这是CustomMessagesComponent的文档，其中还有其他几个选项 https://www.telerik.com/kendo-angular-ui/components/grid/api/CustomMessagesComponent/