ExtJs - Filtert ein Gitter mit einem Suchfeld in der Spaltenüberschrift
In ExtJs gibt es viele Optionen zum Filtern eines Rasters. Es gibt zwei schöne Beispiele in der Dokumentation, auf die in diese Frage verwiesen wird.
Der Filter ist jedoch im Standard-Dropdown-Menü von verborgen Ext.ux.grid.FiltersFeature sieht wirklich peinlich für mich aus. Eine gute ergonomische Wahl wäre, Suchfelder in den Spaltenüberschriften zu erstellen, wie @Ctacus in seine Frage .
Wie kann dies erreicht werden?
1 Antwort
Nach ziemlich vielen Recherchen durch die spärliche Dokumentation und dank großer Fragen und Antworten in SO, habe ich eine einfache Klasse entwickelt, die diese Funktionalität hinzufügt und Konfigurationen zulässt.
Es sieht so aus:
Sie fügen dieses Feld in Ihrem Raster wie folgt hinzu:
%Vor% Die folgenden configs sind möglich und funktionieren wie im Dokument beschrieben für Ext.util.Filter :
-
anyMatch -
caseSensitive -
exactMatch -
operator - Zusätzlich können Sie
autoSearchverwenden. Wenn der Wert true ist, sucht der Filter während der Eingabe, wenn false oder nicht gesetzt ist, muss man auf das Suchsymbol klicken, um den Filter anzuwenden.
ExtJs 5/6 Quelle:
%Vor%Für ExtJs 6.2.0 ist der folgende Fehler und seine Problemumgehung relevant, andernfalls kann die Spalte nicht% sein. co_de% ed.
ExtJs 4 Quelle:
%Vor%