Discussion :

[DeRozan31]

Bonjour à tous,

Dans le cadre du développement d'une application, j'utilise intensivement le plugin FooTable qui me permet d'avoir rapidement un système de pagination des mes données ainsi que des fonctions de tri. Je l'ai installé et configuré, tout marche correctement. Je charge même mes données en Ajax c'est très facile.

Seulement, aujourd'hui j'aimerais aller un peu plus loin en terme de performances. Actuellement pour un tableau avec 50 entrées c'est très bien pas de soucis. Mais quand j'ai un tableau avec 10000 entrées, ça prends bien plus de temps à charger. Ma requête charge directement les 10000 entrées et ensuite le plugin se débrouille.

Ce que j'aurais aimé c'est que je charge par exemple les 10 premières entrées, et ensuite via la pagination à chaque nouvelle page je vais aller chercher en Ajax les 10 entrées suivantes et ainsi de suite. Du coup à chaque fois j'aurais seulement 10 entrées à charger et ce serait super rapide.

J'ai fait quelques recherches mais je n'ai rien trouvé de concret. Si quelqu'un utilise ce plugin ou aurais une idée de comment je pourrais m'y prendre, ce serait sympa. Merci d'avance

[pterrat]

Bonjour,

Normalement en utilisant le composant Pagination de ton plugin, tu dois pouvoir gérer le chargement de beaucoup d'entrées

https://fooplugins.github.io/FooTabl...nced/ajax.html

Dans la partie notes il précise : Using the paging component drastically improves the performance of the plugin on large numbers of rows.

Tu pourras trouver un exemple ici : https://fooplugins.github.io/FooTabl...ding-rows.html

[DeRozan31]

Merci de ta réponse.

J'utilise déjà le composant Pagination. Concernant les performances le problème c'est que si j'ai 10000 entrées, le temps de charger ces 10000 entrées et que FooTable parse les données pour rendre le tableau, cela prends pas mal de temps quand même. Certes j'ai un loader pour que l'utilisateur voit que ça charge mais ça fait trop long quand même.

J'avais pensé à la possibilité de pouvoir charger seulement les 10 premières entrées par exemple, cliquer ensuite sur page 2 et un appel Ajax va me charger les 10 suivantes et ainsi de suite. Au niveau des performances on aurait seulement 10 entrées à charger et à parser à chaque fois.

Je n'ai pas regardé le composant Pagination en détail, je vais aller voir de ce côté là quand même

[henryn]

Bonjour,

Je pense que tu dois filtrer au niveau de la requête Ajax. Cela te permettra déjà de gagner un peu de temps sur l'exécution de la requête elle même. Même si ca sera pas énorme, surtout si tu as un serveur assez rapide, cela sera toujours cela de pris.
Mais là ou tu vas gagner le plus c'est sur l'affichage html et JS (jQuery) des éléments.
Afficher un code html avec 10 000 entrées avec un traitement JS derrière cela prend du temps. D'autant plus que si c'est exécuté sur une machine "client" peu rapide cela le sera encore plus.

Il faut vraiment que tu limites le nombre de résultats en retour sur ton appel Ajax.

[henryn]

Par contre sur le plugin Paging je ne vois pas le moyen de lancer une requête "serverSide".
A voir si c'est possible.

Sinon il faudra p-e se tourner vers un produit concurrent comme DataTables.net qui lui permet de faire des requêtes Server Side : https://datatables.net/examples/server_side/simple.html

[pterrat]

Merci de ta réponse.

J'utilise déjà le composant Pagination. Concernant les performances le problème c'est que si j'ai 10000 entrées, le temps de charger ces 10000 entrées et que FooTable parse les données pour rendre le tableau, cela prends pas mal de temps quand même. Certes j'ai un loader pour que l'utilisateur voit que ça charge mais ça fait trop long quand même.

J'avais pensé à la possibilité de pouvoir charger seulement les 10 premières entrées par exemple, cliquer ensuite sur page 2 et un appel Ajax va me charger les 10 suivantes et ainsi de suite. Au niveau des performances on aurait seulement 10 entrées à charger et à parser à chaque fois.

Je n'ai pas regardé le composant Pagination en détail, je vais aller voir de ce côté là quand même

Voilà c'est exactement ça , tu dois envoyer dans ta requête la range que tu veux de tes entrées (entre 10 et 20, entre 380 et 390, ...)