Kendo UI Grid Angular (12)

Question

使用 Angular (12) 应用程序和一个使用具有类似定义的 Kendo UI 网格的组件：

<kendo-grid [data]="gridData"
 ....
[filter]="gridConfig.state.filter"
>
<kendo-grid-column field="someField" [title]="SomeTitle">
          <ng-template kendoGridFilterMenuTemplate 
            let-filter 
            let-column="column" 
            let-filterService="filterService">
            <kendo-grid-numeric-filter-menu [column]="column"
                                            [filter]="filter"
                                            [filterService]="filterService"
                                            [extra]="false">
            </kendo-grid-numeric-filter-menu>
          </ng-template>
        </kendo-grid-column>
         ....
</kendo-grid>

它工作正常，但是发现了一个问题，当我在 component.ts 文件中预先选择值（在组件加载时从参数 columnName 和 value 中获取），因为 this.grid.filters = { logic: "and", filters : [...]} 以及 this.gridConfig.state.filter = { logic: "and", filters: [...]} ，其中过滤器具有正确的结构（检查控制台），如

{
          logic: "and",
          filters: [
            {
              logic: "or",
              filters: [
                {
                  field: fieldName,
                  operator: "startswith",
                  value: "value"
                }
              ]
            }
          ]
        };

并在网格进行实际过滤后将它们设置为 gridConfig （也尝试将其分配给 grid.filter ），过滤器本身不包含任何过滤器的值并且未被选中。似乎从 .ts 中选择过滤器的值不是正确的方法？还认为它可以通过用于提供过滤的 filterService 以某种方式完成，但是关于它与 kendoGridFilterMenuTemplate 的关系以及更有趣的是它为 UI 过滤器组件设置值并突出显示它的文档并不多。

Answer 1

似乎解决方案和控件工作正常，只是参数处理不准确。原因是过滤器区分大小写！