Angular UI-Grid: Alle löschen (allgemeines Angular und integriertes UI-Grid) Spaltenfilter On Button Click

7

Wie lösche ich AND refresh ALLE meiner (allgemeine Angular und integrierte UI-Grid) Filter auf einen Button klicken?

Hintergrund: Ich habe eine Anwendung erstellt, die das UI-Grid verwendet und die integrierte Filterfunktion . Es hat auch eine spaltenübergreifende Suche in eckigen.

Aktuelle Schlacht Ich möchte meine Filter mit nur einem Klick löschen und aktualisieren können. Bisher konnte ich dies für die spaltenübergreifende Suche implementieren , aber nicht erfolgreich implementiert haben es für die integrierten Spaltenfilter (was ironischerweise ich dachte, wäre der einfache Teil!).

Nachforschungsproblem:

1) Durchsucht die UI-Grid Tutorials ... fail

2) Sehen Sie sich die Benutzeroberfläche-Grid-API an. .. Teilerfolg! Es scheint, als ob ich in der Funktion "clearAllFilters" gefunden habe, wonach ich suche ( hier ist der Quellcode ), aber ich kann nicht herausfinden, wie man es in Schritt 3 implementiert ...

3) Wie verrückt nach Implementierungsdemos / Beispielen / Hilfe / Tipps / irgendetwas! ... scheitern

4) Nach Hilfe zu Stack Overflow gefragt:)

Vielen Dank im Voraus.

    
laurenOlga 16.09.2015, 18:37
quelle

4 Antworten

15

Leider habe ich die Funktion clearAllFilters () von ui grid nicht gesehen. So wird es einfacher. Sie können dies tun:

%Vor%     
hic1086 17.09.2015, 12:19
quelle
5

Sie können dies tun:

// Erhalte das Raster api

%Vor%

Sie müssen diese Funktion an Ihre Löschtaste binden:

%Vor%     
hic1086 17.09.2015 12:12
quelle
3

Bitte versuchen Sie Folgendes:

%Vor%

Das $ scope.gridApi stammt von der Anfangseinstellung meines ui-grid-Elements

%Vor%     
Dobi 31.03.2016 15:04
quelle
0

Ich denke, das ist der einfache Weg (einfach die Gitterdaten durch originale / tatsächliche JSON-Daten zu ersetzen), Sie können einfach die clearFilters-Funktion auf Knopfdruck erstellen und aufrufen.

%Vor%     
user6158393 07.04.2016 15:16
quelle