带有kendoGridFilterMenuTemplate和自定义kendoGridCellTemplate的KendoGrid过滤器
带有kendoGridFilterMenuTemplate和自定义kendoGridCellTemplate的KendoGrid过滤器
提问于 2020-05-19 16:51:29
我正在尝试过滤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>我已经设法在Stackblitz中重现了这个问题。
我是不是漏掉了什么或者做错了什么？请给我建议。
回答 1
Stack Overflow用户
发布于 2020-05-19 18:21:20
所以一个小时后，我设法让它工作了。我不知道我们可以提供field="x"，同时仍然使用带有pipe或其他任何东西的kendoGridCellTemplate。
我使用了this component，在它的基础上增加了一些功能。
这就是它在标记中应该是什么样子
<
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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61887005
复制相关文章
相似问题
腾讯云开发者
