Kendo UI Grid Angular (12)

Posted 2023-05-07

【中文标题】Kendo UI Grid Angular (12)

【英文标题】：Kendu UI Grid Angular (12)

【发布时间】：2022-01-20 10:25:48

【问题描述】：

使用 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 过滤器组件设置值并突出显示它的文档并不多。

【参考方案1】：

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