Code source wiki de Gérer un cache pour la pagination dynamique d'une table liste en Ajax
Modifié par Julien EYMERY le 2015/06/30 11:31
Afficher les derniers auteurs
| author | version | line-number | content |
|---|---|---|---|
| 1 | Les événements ONROLLUP et ONROLLDOWN declenchent toujours une requête HTTP sur le serveur Web. | ||
| 2 | Chaque événement met à jour la table liste en fonction de son pas graphique. | ||
| 3 | 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 un cache coté navigateur. | ||
| 4 | |||
| 5 | Ce cache permet de déclencher un événement ONROLLUP coté serveur seulement quand cela est nécessaire, c'est à dire lorsque l'utilisateur demande l'affichage de données non encore visualisées. | ||
| 6 | |||
| 7 | Les données de la table liste ayant déjà été affichées sont stockées coté navigateur : leur affichage ne passe plus par le serveur Web. | ||
| 8 | |||
| 9 | Comment mettre en place ce cache : Dans la maquette HTML, il faut | ||
| 10 | |||
| 11 | 1) insérer le module Javascript suivant : | ||
| 12 | |||
| 13 | [[TableListClientRollingMgr.js>>attach:TableListClientRollingMgr.js]] | ||
| 14 | |||
| 15 | |||
| 16 | 2) Sur le onload du tag BODY, créer un gestionnaire de cache. | ||
| 17 | Exemple : | ||
| 18 | |||
| 19 | [[TBL_CACHE_PAGYN_ID_WPAGE1.html>>attach:TBL_CACHE_PAGYN_ID_WPAGE1.html]] | ||
| 20 | ((( | ||
| 21 | == Articles connexes == | ||
| 22 | ))) | ||
| 23 | |||
| 24 | Les articles connexes apparaissent ici en fonction des étiquettes que vous avez sélectionnées. Cliquez pour modifier la macro et ajouter ou modifier des étiquettes. | ||
| 25 | |||
| 26 | {{liveData sort="doc.date:desc" source="liveTable" properties="doc.title,doc.date,doc.author" description="Recently updated" limit="5" filters="tag=web liste pagination" sourceParameters="translationPrefix=platform.index."}}{{/liveData}} | ||
| 27 |