使用kendoGridFilterMenuTemplate和定制的kendoGridCellTemplate的KendoGrid过滤器。

Question

我试图在一个 KendoGrid 列，当文档中的默认模板与 field="someval". 但我想自定义 someVal 与管子，然后也有能力过滤。

工作

<kendo-grid-column title="Send Time"
                         field="sendTime"
                         filter="date">
</kendo-grid-column>

不工作

<kendo-grid-column title="SendTime">
            <ng-template kendoGridCellTemplate
                         let-dataItem>
                  {{dataItem.sendTime| mytimePipe}}
            </ng-template>
            <ng-template kendoGridFilterMenuTemplate
                         let-filter
                         let-column="column"
                         let-filterService="filterService">
                  <app-date-range-filter [field]="column.field"
                                         [filter]="filter"
                                         [filterService]="filterService">
                  </app-date-range-filter>
            </ng-template>
      </kendo-grid-column>

我已经成功地在这里重现了这个问题。叠加闪电战.

我是否遗漏了什么或做得不正确？请告知。

Answer 1

所以在一个小时后，我设法让它工作。我不知道我们可以提供 field="x" 而仍然使用 kendoGridCellTemplate 附带 pipe 或什么的。

我曾经 该部件 在它的基础上增加了一些能力。

这就是它在你的标记中应该有的样子。

<

kendo-grid-column title="Created Time"
                     field="createdTime">
    <ng-template kendoGridCellTemplate
                 let-dataItem>
      {{dataItem.createdTime | timeZonePipe }}
    </ng-template>
    <ng-template kendoGridFilterMenuTemplate
                 let-filter
                 let-column="column"
                 let-filterService="filterService">
      <app-date-range-filter [field]="column.field"
                             [filter]="filter"
                             [filterService]="filterService">
      </app-date-range-filter>
    </ng-template>
  </kendo-grid-column>