Angulaire de l'INTERFACE utilisateur-Réseau: Comment obtenir le nombre total d'objets après filtrage

Je suis à l'aide de l'INTERFACE utilisateur de la Grille pour l'affichage de certaines données. L'une des colonnes de texte, j'ai donc "contient" filtrage qui fonctionne parfaitement.

Je suis également en utilisant la pagination. Le coin supérieur droit de l'INTERFACE utilisateur-Réseau montre quelque chose comme:

1 - 23 of 23 items

Dans ma page fonctionnalité (angulaire contrôleur de côté), j'ai besoin de retourner le nombre total d'objets, plus précisément le dernier "23" à partir de cette ligne. Je n'ai rien trouvé dans la documentation autre que cela (à partir de la documentation):

GridOptions (api dans le module de l'interface utilisateur.de la grille.la pagination )

totalItems
Nombre Total d'éléments, définir automatiquement quand le client a côté de la pagination, les besoins
défini par l'utilisateur pour le serveur côté de la pagination"

J'ai donc essayé d'utiliser $scope.gridOptions.totalItems mais malheureusement, il renvoie toujours la valeur 0 lorsque la page se charge.

Ma solution a été d'utilisation des données.longueur qui pourrait me donner ce dont j'avais besoin. Après d'autres tests mais j'ai réalisé qu'une fois que vous utilisez le filtrage, le nombre total d'articles sur le pied de page de la pagination des changements à la somme des résultats correspondants. Je n'ai pas trouvé un autre moyen d'obtenir ce nombre.

Une chose de plus:
Est-il un événement qui se déclenche après le filtrage est complète, de sorte que je puisse vérifier $scope.gridOptions.totalItems alors?

Des idées?
Merci d'avance 🙂

OriginalL'auteur Dimitrios Matanis | 2015-02-05

  1. 10

    Vous devriez éviter de jQuery (comme un autre post l'indique) et d'interagir avec l'API à la place.

    Vous devez d'abord enregistrer une référence de l'API sur les grilles de la création de l'événement.

    $scope.gridOptions = {
    ....
    onRegisterApi: registerGridApi,
    ....
};
function registerGridApi(gridApi) {
    $scope.gridApi = gridApi;
}

    Vous devez déjà connaître le nombre total de lignes.

    Vous pouvez obtenir le nombre de visible/lignes filtrées avec:

    gridApi.core.getVisibleRows().length

    ou

    gridApi.grid.getVisibleRows().length

    Vous pouvez obtenir le nombre de lignes sélectionnées avec:

    gridApi.selection.getSelectedRows().length
    ce n'est pas de travail pour moi

    OriginalL'auteur user1464581

  2. 1

    Vous pouvez utiliser cette solution de contournement.

    var RowsVisible = $(".ui-grid-row").length;

    Si le regroupement est-il alors utiliser cette
    var RowsVisible = $(".ui-grid-row").length/2;

    Cela vous donnera le nombre de lignes présentes. Si le regroupement est là, puis il vous donnera le nombre de positions et de lignes visibles.

    OriginalL'auteur Shinoy Babu

  3. 1

    getVisibleRows() retourne le nombre de lignes visibles. Dans le cas où si Vous développez un regroupement, la taille de getVisibleRows() va augmenter en conséquence.

      $scope.gridApi.core.getVisibleRows().length;

    Donc l'approche ci-dessus a quelques limitations.

    Vous pouvez également obtenir le total des lignes groupées en utilisant l'approche suivante.

     var totalGroupedRows = Object.keys($scope.gridApi.grid.grouping.groupingHeaderCache).length ;

    Note Objet.les touches() ne fonctionnera pas IE<9.

    OriginalL'auteur Shivek Parmar

  4. 0
    $scope.gridOptions = {
    ....
    onRegisterApi: registerGridApi,
    ....
};
function registerGridApi(gridApi) {
    $scope.gridApi = gridApi;
}

    Obtenir le total de vos articles :

    var totalItems = $scope.gridApi.grid.options.totalItems;

    OriginalL'auteur thangcao