2017-04-10 5 views
0

Ich verwende die kendo-grid aus der Kendo UI Angular 2-Bibliothek. Ich würde gerne wissen, ob und wie ich einen Datumsfilter einstellen - dies entspricht die boolean und numeric Werte auf dem filter Attribut unter:Datum Filter auf Kendo UI Angular 2 Grid

<kendo-grid-column field="UnitPrice" filter="numeric"> 
</kendo-grid-column> 
<kendo-grid-column field="Discontinued" filter="boolean"> 
</kendo-grid-column> 

Vielen Dank.

Ergänzung vom 11. April 2017

Von Telerik:

„Derzeit ist es nicht integrierten Datumsfilter, da die dateinput Komponente nicht bereit war, wenn die Filterzeile Funktionalität wurde Das heißt, wir werden solche Filter in einigen der folgenden Releases hinzufügen "

+0

Möchten Sie eine Datumsleitung auf das Anzeigefeld anwenden? – mast3rd3mon

+0

Hallo Mast. Nein, es ist nur die Fähigkeit zu filtern, nach der ich suche. Vielen Dank. – Matt

+1

Matt, die Date-Werte sind Strings in der JSON-Antwort. Da das Grid nicht weiß, wann die Strings in Dates zu analysieren sind (es gibt keine Metadaten, die der Komponente mitteilen, dass dieses bestimmte Feld ein Datum sein soll), ** müssen Sie die Datumszeichenfolgen zuvor in Date-Objekte ** konvertieren Füttern des Gitters. P.S. Nur Strings, Zahlen und Booleans werden sofort unterstützt, da dies die Typen in JSON sind. –

Antwort

1

Nach meinem Wissen noch Kendo UI nicht Datum Filter in angular-2 unterstützen, so müssen Sie benutzerdefinierte Filter verwenden.

Erstellen Sie benutzerdefinierte Filter mit Spaltentyp und legen Sie den HTML5-Eingangstyp entsprechend fest.

Für normalen String-Filter für Datumswert keinen Filtertyp in Spalte angeben.

<kendo-grid-column field="DateField"> 
</kendo-grid-column> 
+0

Hallo Sandip. Ja, ich habe den Quellcode durchgesehen und es sieht so aus, als ob nur String, Boolean und Numeric unterstützt werden ... :( – Matt

+0

Es gibt jetzt eine integrierte Unterstützung für type = "date": http://www.telerik.com/kendo-angular-ui/components/grid/filtering/filtering/#toc-filtering-basics – topalkata

1

Sie können Datum durch Syntax unten in Kendo-Gitter filtern.

<kendo-grid-column field="Bill-Date" title="Sales Date" filter="date"> </kendo-grid-column>

diese ist für weitere: diese Shows von Kalender-Animationen filtern. Browser/Animationsdatei zu Ihrem Modul hinzufügen.ts