0
我正在關注以下過濾基本網格示例:Kendo Filtering Basics。當我日期過濾器組件添加到HTML頁面:使用DateFilter設置Kendo基本過濾
<kendo-grid-date-filter-cell *ngSwitchCase="'date'" [column]="column" [filter]="filter"> </kendo-grid-date-filter-cell>
我得到一個錯誤的「劍道網最新過濾器芯」不是一個角度成分。 這是我在我的systemjs.config.js文件映射包:
'@progress/kendo-angular-buttons': 'npm:@progress/kendo-angular-buttons', '@progress/kendo-angular-grid': 'npm:@progress/kendo-angular-grid', '@progress/kendo-angular-l10n': 'npm:@progress/kendo-angular-l10n', '@progress/kendo-angular-popup': 'npm:@progress/kendo-angular-popup', '@progress/kendo-popup-common': 'npm:@progress/kendo-popup-common', '@progress/kendo-intl': 'npm:@progress/kendo-intl', '@progress/kendo-angular-intl': 'npm:@progress/kendo-angular-intl', '@progress/kendo-angular-dropdowns': 'npm:@progress/kendo-angular-dropdowns', '@progress/kendo-angular-inputs': 'npm:@progress/kendo-angular-inputs', '@progress/kendo-data-query': 'npm:@progress/kendo-data-query', '@progress/kendo-drawing': 'npm:@progress/kendo-drawing', '@progress/kendo-file-saver': 'npm:@progress/kendo-file-saver', '@progress/kendo-angular-resize-sensor': 'npm:@progress/kendo-angular-resize-sensor', '@progress/kendo-angular-excel-export': 'npm:@progress/kendo-angular-excel-export', '@progress/kendo-ooxml': 'npm:@progress/kendo-ooxml', '@progress/kendo-angular-dateinputs': 'npm:@progress/kendo-angular-dateinputs', '@progress/kendo-date-math': 'npm:@progress/kendo-date-math',
'@telerik/kendo-draggable': 'npm:@telerik/kendo-draggable',
'@telerik/kendo-intl': 'npm:@telerik/kendo-intl',
'@telerik/kendo-dropdowns-common': 'npm:@telerik/kendo-dropdowns-common',
'@telerik/kendo-inputs-common': 'npm:@telerik/kendo-inputs-common'
,這些都是在的package.json文件包:
"@progress/kendo-angular-buttons": "^0.24.1", "@progress/kendo-angular-dateinputs": "^1.0.1", "@progress/kendo-angular-dropdowns": "^0.39.9", "@progress/kendo-angular-excel-export": "^0.1.0", "@progress/kendo-angular-grid": "^0.27.0", "@progress/kendo-angular-inputs": "^0.23.5", "@progress/kendo-angular-intl": "^0.12.0", "@progress/kendo-angular-l10n": "^0.3.0", "@progress/kendo-data-query": "^0.5.3", "@progress/kendo-date-math": "^1.0.1", "@progress/kendo-drawing": "^0.15.6",
這些是我導入到項目中的模塊:
import { GridModule, PDFModule } from '@progress/kendo-angular-grid'; import { ExcelExportModule } from '@progress/kendo-angular-excel-export'; import { DropDownListModule } from '@progress/kendo-angular-dropdowns'; import { InputsModule } from '@progress/kendo-angular-inputs'; import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
另外,你爲什麼要做一個日期過濾器的自定義過濾器?如果你只需要過濾日期,你應該可以在'kendo-grid-column'中添加'[filter] =''date''',它會使用開箱即用的。 – yanbu
謝謝yanbu,那就是我最終做的。業務需求超出了基本日期過濾器提供的範圍。 –