Objectif de la pagination

Version imprimable

22/09/2008, 10h42
Heliodromel

Objectif de la pagination

Bonjour,

je réalise une application web dans laquelle j'ai besoin d'effectuer de la pagination (résultat issu d'une bdd de plus de 1000 lignes à afficher).

Pour être affiché, ce résultat est d'abord chargé en mémoire côté client (tableau javascript). Puis, à partir de celui-ci est généré un tableau html un peu spécifique permettant des effets intéressants pour l'utilisateur (afficher les résultats par catégorie, trier par ordre croissant ou décroissant,...).

Pour l'instant, je ne travaille qu'avec quelques dizaines de lignes de résultat donc tout va bien mais il me faut anticiper la quantité d'information qu'il y aura à afficher par la suite. Je souhaite donc faire de la pagination. J'ai néanmoins une question à ce sujet : quel est l'objectif réel de la pagination ?

Est - ce de minimiser la taille du ou des tableaux stockés en mémoire côté client (autrement dit réduire la taille de mon tableau javascript utilisé pour l'affichage en le scindant en plusieurs morceaux) ?

ou

Est - ce uniquement de réduire le nombre de lignes affichées à l'écran (c'est à dire réduire la taille du tableau html généré à partir de mon tableau javascript) ?

ou bien les 2 ?

Quoiqu'il en soit merci pour votre aide,

Helio.
22/09/2008, 11h16
OButterlin

Je dirais surtout 2 mais aussi 1...

Tu peux également te tourner vers AJAX, qui évitera d'avoir 1000 lignes envoyées au client alors que 20 (par exemple) seulement seront affichées...
Tout dépend du niveau de traitement côté client et du temps de latence admissible entre 2 pages ou lors du filtre

A+
22/09/2008, 14h01
Heliodromel

Merci OButterlin pour ta réponse, c'est bien ce que je craignais...

En réalité, à partir de l'ensemble de mes résultats, j'ai un module de recherche qui agit comme un filtre : tout se passe coté client. L'utilisateur entre un mot clé et seul les résultats concerné restent afficher (javascript).

Or en utilisant la pagination mon tableau client contenant les données issues du serveur est scindé. Le filtre ne marche donc plus que sur les résultats alors affichés à l'écran...pas très efficace comme recherche.

L'idée serait donc de permettre à cette recherche de fonctionner sur l'ensemble des lignes de résultats malgré le fait qu'il n'y en ait qu'un certains nombre d'afficher à la fois...

Je crains que je vais devoir repasser par le serveur, que ce soit par un post ou par une requête AJAX...

++

Helio

Citation:

Envoyé par Heliodromel

Je crains que je vais devoir repasser par le serveur, que ce soit par un post ou par une requête AJAX...

Ce n'est pas forcément la solution la plus lente...

Tu peux créer un objet javascript représentant ton enregistrement à afficher et charger un tableau par code (DOM).
Là, tu fais tout localement et tu n'affiche que N enregistrements à la fois.

Ça pourrait ressembler à ceci (ce n'est qu'un fragment)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
<html>
<head>
...
<script>
function DBRecord(col1, col2, col3, ..., colN)
{
   this.col1 = col1;
   this.col2 = col2;
...
}
 
var list = new Array();
<%
   List<MonObjet> list = request.getAttribute("maListe");
   Iterator it = list.iterator();
   while (it.hasNext())
   {
      MonObjet obj = (MonObjet)it.next();
      out.println("list[list.length] = new DBRecord(\"" + obj.getCol1() + "\", \"" + obj.getCol2() ... + "\");");
   }
%>
 
var leTableau = "<table>";
 
// ici il faut générer la ligne d'en-tête de colonne...
 
for (var i = 0; i < list.length && i < 20; i++)
{
    leTableau += "<tr>";
        leTableau += "<td>" + list[i].col1 + "</td>";
        leTableau += "<td>" + list[i].col2 + "</td>";
        ...
        leTableau += "<td>" + list[i].colN + "</td>";
    leTableau += "</tr>";
}
leTableau += "</table>";
 
document.getElementById("maListe").innerHTML = leTableau;
</script>
...
</head>
 
<body>
 
<div id="maListe"></div>
 
</body>
</html>

22/09/2008, 15h30
Heliodromel

Effectivement, je vais essayer cette solution. Ma seule crainte concerne la rapidité d'execution. Bien que l'on affiche qu'un nombre de lignes limitées, le tableau coté client sera assez volumineux.

Je vais essayer et je verrais ce que ca donne. Si c'est trop lourd, je repasserai par le serveur mais je perçois déjà des difficultés d'implémentation de cette fonction recherche côté serveur. Bon je verrai...

Merci encore pour ton aide,

Helio.