2017-05-25 12 views
0

ここではフィルタリングの基本グリッドの例に従っています:Kendo Filtering Basics。私はhtmlページに日付フィルタコンポーネントを追加する場合:剣道基本フィルタリングの設定DateFilterを使用して

<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'; 

答えて

0

グリッドのバージョンを更新してください。フィルタリングはかなり最近に実装され、古いバージョンを使用しています。ほとんどのKendoコンポーネントのバージョンは1.0以上になっています。

+0

また、なぜ日付フィルタのカスタムフィルタを実行していますか?日付にフィルターをかけるだけであれば、 '' kendo-grid-column'に '[filter] =" 'date' "' 'を追加することができます。 – yanbu

+0

yanbuありがとう、それは私がやったことです。基本的な日付フィルタが提供するものを超えたビジネス要件があります。 –

関連する問題