angular - Kendo UI 网格中的过滤列模板
问题描述
在这个 plunk中,我有一个带有两列的 Angular 网格的 Kendo UI。第一列是模板,第二列是没有模板的字符串字段。
网格是可过滤的,但只有第二列显示输入过滤器的字段。第一列没有,因为它是一个模板,而 Kendo 不知道要过滤什么。
模板实际上是一个锚点,格式为:<a (click)="...">{{dataItem.ContactName}}</a>
我需要按字段过滤ContactName
。如何做到这一点?
@Component({
selector: 'my-app',
template: `
<kendo-grid #grid [kendoGridBinding]="gridData"
[filterable]="true" [resizable]="true">
<kendo-grid-column title="Contact Name">
<ng-template kendoGridCellTemplate let-dataItem>
<a href="javascript:void(0)"
(click)="alert(dataItem.ContactName)">
{{dataItem.ContactName}}
</a>
</ng-template>
</kendo-grid-column>
<kendo-grid-column field="City" title="City"></kendo-grid-column>
</kendo-grid> `
})
export class AppComponent {
@ViewChild('grid') grid: GridBinding;
public gridData: any[] = customers;
}
解决方案
网格不知道如何过滤/过滤什么,因为您缺少field
第一列的属性。
一旦此属性可用,该列就会显示过滤器输入。
<kendo-grid-column field="ContactName" title="Contact Name">
~~~~~~~~~~~~~~~~~~
<ng-template kendoGridCellTemplate let-dataItem>
...
</ng-template>
</kendo-grid-column>
推荐阅读
- qt - QML - 用于多点触控应用程序的自定义可滚动文本区域
- java - 从事件侦听器调用时,Spring数据JPA删除不起作用
- google-apps-script - 将 Google 表格导出为 PDF:getDataAsString() 返回一个空 PDF
- c++ - 在 std::exception.what() 中使用 std::stringstream
- typescript - ngOnchanges 未触发
- vb.net - VB2012 报表中的分页符
- java - 带有枚举类的开关盒
- c - OLED 显示器 128x64 SSD1309 通过 SPI-4 线与 TMS320F28377x 集成
- sql - CTE 递归连接表
- git - 如何在变基之前检索旧提交