Angular Kendo: метка фильтра kendo-grid-column для логических значений

Question

Мы используем Angular Kendo, и в одной из таблиц (сетки), которые мы визуализируем, заголовки фильтруются.Один из столбцов привязан к логическому полю, но мы хотим отобразить соответствующие строки вместо необработанного логического значения (т. Е. Active vs true).Отображение фактического свойства в каждой строке легко обрабатывается с помощью условных выражений (например, {{ boolean-property ? "label 1" : "label 2"}}), но метка немного сложнее.Прямо сейчас, вот как выглядит фильтр:

Моя цель - обновить ярлык на что-то более подходящее, я проверил документацию иСамым близким, что я мог найти, было свойство format, в котором я не уверен, как оно работает для логических значений.

У кого-нибудь есть идеи о том, как установить метки для меню фильтра?

Answer 1

Кендо предоставляет фильтруемое свойство сообщения, которое мы можем использовать.

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

Используйте это в опциях сетки кендо.

Answer 2

В настоящее время я использую версию "@progress/kendo-angular-grid": "^3.12.1", и мне удалось сделать следующее, чтобы обновить метки для BooleanFilterMenuComponent

<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>

Вот документация для компонента CustomMessagesComponent, который имеет несколько других опций https://www.telerik.com/kendo-angular-ui/components/grid/api/CustomMessagesComponent/

Answer 3

Не уверен насчет шаблона метки изменения, но я нашел некоторую настройку , которую вы можете внести в свой логический фильтр.

В основном он использует компоненты kendo-switch.

Пример Stackblitz