Lorsque l'on affiche les données d'une table liste dans une zone (une balise DIV) ayant une barre de défilement verticale, il est possible de déclencher l'événement de pagination ONROLLUP lorsque l'utilisateur se positionne en fin de barre de défilement : les nouvelles données de la table liste sont ajoutées aux précédentes déjà affichées.

Dans le cas où seul l'événement ONROLLUP déclenche un chargement BD des données de la table liste, il est possible de gérer le défilement vertical.
Lorsque l'utilisateur arrive en fin de défilement vertical, une ligne spéciale est rajoutée dans la table liste indiquant que le chargement de la table liste est en cours.
Cette ligne contient une image (un gif animé) et un texte (Chargement...), mais il est possible de définir votre propre contenu en vous inspirant de cette solution.


Comment mettre en place la gestion du défilement : Dans la maquette HTML, il faut

1) insérer le module Javascript suivant :

TableListScrollRollingMgr.js


2) Rajouter l'image loading1.gif dans le sous répertoire images de l'application Web :

loading1.gif


3) Sur le onload du tag BODY, créer un gestionnaire de défilement vertical.
Exemple :

TBL_SCROLL_DYN_ID_WPAGE1.html

Articles connexes