肯度UI網格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 文件中預先 select 值（在組件加載時從參數 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 中獲取 select 過濾器值的方法不正確？ 還認為它可以通過用於提供過濾的 filterService 以某種方式完成，但是沒有很多關於它如何與 kendoGridFilterMenuTemplate 相關的文檔，更有趣的是它為 UI 過濾器組件設置值並突出顯示它。

Answer 1

似乎解決方案和控件工作正常，只是參數處理不准確。 原因是過濾器區分大小寫！