Angular-UI-Grid: How to Clear All (allgemein Eckig und gebaut-in UI-Grid) Spalte Filtern Auf die Schaltfläche Klicken

Wie kann ich klar UND aktualisieren ALLE meine (allgemein Eckig und gebaut-in UI-Grid-Filter) auf eine Schaltfläche klicken?

Hintergrund: ich gebaut habe, eine Anwendung, die verwendet die UI-Grid und nutzt die eingebaute Filterfunktion. Es hat auch eine Kreuz-Spalte-Suche geschrieben in eckig.

Aktuellen Kampf ich möchte in der Lage sein, zu löschen und zu aktualisieren, mein Filter auf eine einzelne Schaltfläche klicken. So weit ich in der Lage gewesen um dies zu implementieren, für die spaltenübergreifende Suche aber haben nicht erfolgreich implementieren Sie für die gebaut-in der Spalte Filter (die ironischerweise dachte ich wäre der einfache Teil!).

Forschung Getan Auf Problem:

1) Durchsuchte die UI-Grid-tutorials ... fail

2) Sah bei den bereitgestellten UI-Grid-API ...teilweise Erfolg! Scheint, wie ich denke, dass ich gefunden, was ich Suche, in die "clearAllFilters" - Funktion ( hier ist der Quellcode ), aber ich kann nicht herausfinden, wie es zu implementieren, damit auf Schritt 3...

3) Gegoogelt wie verrückt für die Umsetzung demos/Beispiele/Hilfe/Hinweise/irgendwas!? ...scheitern

4) um Hilfe Gebeten, auf Stack Overflow 🙂

Vielen Dank im Voraus.

Jede chance, die Sie zurücksetzen können Variablen des Rasters gebunden ist, um in die controller auf Ihren Standardwert?
Ja, was ich tun möchte, ist reset der Variablen der Spalte Filter gebunden sind -, was Sie vorschlagen, ist im Einklang mit, wie ich mich zurücksetzen meiner angular cross-Spalte Suche, und es ist perfekt für diese, aber die ui-grid-Filter eingestellt und gewartet werden, die innerhalb des ui-grid-js-code und das ist das, was ich habe Probleme beim Zugriff auf/zurücksetzen.

InformationsquelleAutor laurenOlga | 2015-09-16

17

Sorry, ich wollte nicht sehen, die clearAllFilters () - Funktion von ui-grid. So wird es einfacher. Sie können dies tun:
```
  $scope.clearFilters = function() {
            $scope.myGridApi.grid.clearAllFilters();
        };
```
- Macht diese Arbeit für Sie?
- Ja. könnten Sie mir zeigen Sie Ihren code?
- Macht diese Arbeit für dich??
- es war eine Weile her, und ich habe keinen Zugriff auf den code nicht mehr (die Vorherige Beschäftigung) während also das hat funktioniert, ich kann mich nicht erinnern, die details von dem, was ich landete ändern. Suche in der api-doc sehe ich die Funktion clearAllFilters übernimmt bis zu drei Argumente, und wenn man sich die code, Sie können sehen, dass je nachdem, welches Verhalten Sie wollen, Sie haben um diese Parameter zu erwarten Ergebnisse. Also kurze Antwort ist ja, aber Sie müssen möglicherweise spielen Sie mit den Parametern, um die Funktionalität, die Sie wollen.
InformationsquelleAutor hic1086
5

können Sie dies tun:

//Holen Sie sich die grid-api
```
$scope.myGridOptions.onRegisterApi = function(gridApi) {
  $scope.myGridApi=gridApi;
}
```
Haben Sie zu binden Sie diese Funktion, um Ihre clear-Taste :
```
        $scope.clearFilters = function() {
            var columns = $scope.myGridApi.grid.columns;
                for (var i = 0; i < columns.length; i++) {
                    if (columns[i].enableFiltering) {
                        columns[i].filters[0].term='';
                    }
                }
            };
```
- Wie erfassen Sie die Veranstaltung?
- aber dies wird nicht löschen Sie die ausgewählten Werte auf benutzerdefinierter filter. Jedenfalls bekommt dieser ein upvote für die beste Antwort für diese Frage in diesem thread.
- hinzufügen von Spalten[i].Filter[0].listTerm="; mein problem gelöst clearing ausgewählten Filter sowie.
- Danke für dieses posting @laurenOlga. Ich bin wrestling mit dem gleichen Tier wie die neue dev auf den block, mit sehr service -, Komponenten-und template-schwere, reiche Anwendung, so ist es ein bisschen einschüchternd. Dabei habe ich noch nicht bedeutende Fortschritte gemacht, doch wollte ich nur etwas Zeit nehmen, um danke für eine sehr gut durchdachte und gut lesbare Frage!
InformationsquelleAutor hic1086

Bitte versuchen Sie dies:

$scope.gridApi.core.clearAllFilters();

Den $scope.gridApi war von der ersten Einstellung meiner ui-grid-element

 $scope.gridOptions = {
        flatEntityAccess: true,
        paginationPageSizes: [10, 25, 50, 75, 100],
        paginationPageSize: 25,
        enableFiltering: true,
        enableColumnResizing: true,
        enableGridMenu: true,
        onRegisterApi: function (gridApi) {
            $scope.gridApi = gridApi;
        },
        columnDefs: [{

$Umfang.gridApi.core.clearAllFilters(); funktioniert nicht.
versuchen Sie die folgende Lösung vom hic. es funktioniert 🙂
Es funktioniert bei Verwendung von $timeout
können Sie nach einem code-Schnipsel, die nützlich sein könnten

InformationsquelleAutor Dobi

0

Ich denke, das ist der einfache Weg(nur anstelle der raster-Daten mit der ursprünglichen/eigentlichen json-Daten), können Sie einfach erstellen und rufen Sie unter clearFilters-Funktion auf einen Klick.
```
$scope.clearFilters = function() {
        $scope.yourGridOptions.data = $scope.originalData;
    }
```
InformationsquelleAutor user6158393

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.