Comment utiliser Angulaire de l'INTERFACE utilisateur-Réseau avec le Serveur de Pagination Côté
Je suis en utilisant AngularJs Ui-Grid.info à affichage dynamique grilles de données, j'adore ça, mais maintenant j'ai de le raccorder à une table de base de données avec 60 000 enregistrements à l'aide d'un filtrage côté serveur et la pagination et il semble que les options de la pagination de ce plugin est uniquement pour le côté client de la pagination.
Quelqu'un a été en mesure de le faire fonctionner avec le Côté de Serveur d'échange. Avez-vous un exemple de code.
Afficher Le Code
<div class="gridContainer">
<div id="grid1" ui-grid="gridOptions" class="grid" ui-grid-auto-resize ui-grid-pagination></div>
</div>
Partie du Contrôleur de
$scope.gridOptions = {
enableFiltering: true,
enableColumnResize: true,
paginationPageSizes: [25, 50, 75],
paginationPageSize: 25,
columnDefs: [
{
//field: 'Id', width: 60, displayName: 'Id', enableFiltering: false
field: 'id', width: 60, displayName: 'Id', enableFiltering: false
},
{
field: 'skill_count',
},
{
field: 'name'
}
]
};
$scope.loadData = function () {
skillService.getUnprovisioned(function (data) {
$scope.gridOptions.data = data;
});
};
OriginalL'auteur David Cruwys | 2015-03-17
Vous devez vous connecter pour publier un commentaire.
Il y a un côté serveur pagination option disponible dans l'API.
Ici est un exemple pour serverside la pagination et le tri.
http://plnkr.co/edit/UttxPkXG8fYQDX85fnyZ?p=preview
Dans l'exemple ci-dessus, reportez-vous au bloc de code donné ci-dessous qui ne le serveur côté de la pagination,
Ce sera bon. Maintenant d'intégrer à un résumé, la directive version de l'interface utilisateur-réseau infini défilement exemple.... eck.
Pourquoi le '/4' air bizarre? J'ai copié ce que vous avez ici sur mon site, et il semble de même bizarre. Comment puis-je résoudre ce problème?
quand j'ai essayé de faire cela, j'ai une erreur "TypeError: Cannot read property 'sur' undefined" sur le "gridApi.la pagination.sur.paginationChanged" comment puis-je résoudre ce
btw, votre plunker doit utiliser une version ultérieure de Anguleuses, puisque vous aussi ne pas avoir l'interface utilisateur-réseau version verrouillé, j'ai été faire angulaire.de fusion n'existent pas des erreurs, qui a été résolu lorsque j'ai référencé angulaire 1.4.9 (correspondant à mon projet en cours)
OriginalL'auteur guru
Il est facile de construire votre propre grille en utilisant uib-pagination et ng-repeat.
Il y a un exemple complet dans le lien suivant. Espérons que cela pourrait l'aider.
Angulaire WebAPI La Pagination
OriginalL'auteur LENG UNG