Angulaire de l'INTERFACE utilisateur-Réseau: Comment Effacer Tous (général Angulaire et intégré dans l'INTERFACE utilisateur-Réseau) Filtres de Colonne Sur le Bouton Cliquez sur

Comment puis-je clair ET actualiser TOUS mes (général Angulaire et intégré dans l'INTERFACE utilisateur-Réseau) filtres sur un clic de bouton?

De fond: j'ai créé une application qui utilise l'INTERFACE utilisateur-Réseau et prend avantage de la built-in fonctionnalité de filtrage. Il dispose également d'une colonne de recherche écrit dans angulaire.

Bataille actuelle je veux être en mesure d'effacer et de me rafraîchir les filtres d'un seul clic de bouton. Jusqu'à présent j'ai été en mesure de mettre en œuvre ce pour la croix-colonne de recherche mais ont pas été succès de la mise en œuvre de la colonne intégrée des filtres (qui, ironiquement, j'ai pensé que cela pourrait être la partie la plus facile!).

Des Recherches Effectuées Sur Problème:

1) recherche par le biais de l'INTERFACE utilisateur-Réseau des tutoriels ... échouer

2) a Examiné la condition L'INTERFACE utilisateur de la Grille de l'API ...des succès partiels! Me semble que je crois que j'ai trouvé ce que je cherche dans le "clearAllFilters" fonction (voici le code source) mais je ne peux pas comprendre comment le mettre en œuvre alors à l'étape 3...

3) Googlé comme un fou pour la mise en œuvre des démos/exemples/aide/conseils/quoi que ce soit!? ...l'échec

4) a Demandé de l'aide sur Stack Overflow 🙂

Merci d'avance.

Toute chance vous pouvez réinitialiser les variables de la grille est liée à dans le contrôleur à leur valeur par défaut?
Oui, ce que je veux faire est de réinitialiser les variables de la colonne filtres sont liés à ce que vous suggérez est en ligne avec la façon dont je suis la réinitialisation de mon angulaire de la croix-colonne de recherche et il est parfait pour cela, mais l'interface utilisateur-réseau de filtres sont établis et maintenus dans l'interface utilisateur de la grille du code js et c'est ce que j'ai de la difficulté d'accéder à la réinitialisation.

OriginalL'auteur laurenOlga | 2015-09-16

17

Désolé, je n'ai pas vu le clearAllFilters() la fonction de l'interface utilisateur de la grille. Ainsi, il devient plus simple. Vous pouvez faire ceci:
```
  $scope.clearFilters = function() {
            $scope.myGridApi.grid.clearAllFilters();
        };
```
Cela fonctionne pour vous?
Oui. pourriez-vous me montrer ton code?
Cela fonctionne pour vous??
c'était il y a longtemps et je n'ai pas accès au code (emploi précédent) ainsi, alors que ce n'travail, je ne me souviens pas des détails de ce que j'ai fini de le modifier. En regardant dans la doc api je vois la fonction clearAllFilters prend trois arguments, et si vous regardez le code vous pouvez voir en fonction de ce comportement que vous souhaitez vous pourriez avoir à définir ces paramètres pour obtenir les résultats escomptés. Donc bref, la réponse est oui, mais vous pourriez avoir à jouer avec les paramètres pour obtenir les fonctionnalités que vous souhaitez.

OriginalL'auteur hic1086
5

vous pouvez faire ceci:

//obtenir la grille de l'api
```
$scope.myGridOptions.onRegisterApi = function(gridApi) {
  $scope.myGridApi=gridApi;
}
```
Vous devez lier cette fonction à votre bouton effacer :
```
        $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='';
                    }
                }
            };
```
Comment capter l'événement?
mais ce ne sera pas effacer les valeurs sélectionnées sur filtre personnalisé. De toute façon cela devient un upvote pour la meilleure réponse à cette question sur ce fil.
l'ajout de colonnes[i].filters[0].listTerm="; a résolu mon problème de la compensation les filtres sélectionnés.
Merci de poster cette @laurenOlga. Je lutte avec la même bête que le nouveau dev sur le bloc, travailler avec un très service, composant et le modèle lourd, riche en demande, donc il est un peu intimidant. Alors que je n'ai pas fait de progrès significatif encore, je voulais juste prendre un peu de temps à vous remercier très bien pensé et lisible question!

OriginalL'auteur hic1086

Veuillez essayer ceci:

$scope.gridApi.core.clearAllFilters();

Le $scope.gridApi est à partir de la valeur initiale de mon ui-élément de grille

 $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: [{

$champ d'application.gridApi.de base.clearAllFilters(); ne fonctionne pas.
essayez la solution ci-dessous par fissuration induite par l'hydrogène. il fonctionne 🙂
Il est de travail lors de l'utilisation de $timeout
pouvez-vous poster un extrait de code, peut être utile

OriginalL'auteur Dobi

0

Je pense que c'est le moyen le plus simple(juste le remplacement de la grille de données avec l'original/réel les données json), vous pouvez simplement créer et appeler ci-dessous clearFilters fonction sur le clic d'un bouton.
```
$scope.clearFilters = function() {
        $scope.yourGridOptions.data = $scope.originalData;
    }
```
OriginalL'auteur user6158393

Vous devez vous connecter pour publier un commentaire.