Il existe actuellement un open issue pour ajouter le tri/filtrage côté serveur au projet de grille angulaire. Est-ce que quelqu'un a trouvé une solution pour implémenter cette fonctionnalité avec l'implémentation de la grille actuelle? Hacky ou pas, je vais toujours le prendre.Comment faire le tri/filtrage côté serveur dans une grille angulaire?
Répondre
Vous pouvez avoir plus d'informations ici:
http://www.ag-grid.com/angular-grid-virtual-paging/
Toute colonne peut être triée en cliquant sur l'en-tête. Lorsque cela se produit, la source de données est appelée à nouveau avec les nouvelles options de tri.
Les colonnes Âge, Pays et Année peuvent être filtrées. Lorsque cela se produit, la source de données est appelée à nouveau avec les nouvelles options de filtrage.
$scope.gridOptions = {
enableServerSideSorting: true,
enableServerSideFilter: true
}
...
$scope.gridOptions.api.setDatasource(dataSource);
La source de données a une getRows() qui peuvent utiliser params.startRow et params.endRow, plus params.sortModel, params.filterModel pour demander les données à partir du serveur via un appel de http.
Documentation est ici: https://www.ag-grid.com/javascript-grid-infinite-scrolling/ Rowmodeltype doit être défini comme infini et au lieu de setRowData, dataSource pramater doit être réglé.
rowModelType : "infinite",
enableServerSideSorting: true,
enableServerSideFilter: true
Construit dans les filtres comme agSetColumnFilter, agTextColumnFilter, agNumberColumnFilter ne travaillent que dans la grille ag 15.0.0 et 16.0.0 versions, ne fonctionne pas dans la version 14.2.0.
C'est plunkr pour elle: https://embed.plnkr.co/S2yZkGKF7utD1KEt1pbh/