Exemple de conception de navigation dans les pages
L'exemple qui suit illustre la conception d'un élément de navigation dans les pages.
Cet exemple utilise deux éléments de navigation de page pour produire un système de navigation de page identique à celui-ci :
|
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| Page 5 sur 10. | Aller à la page : | Nombre d'éléments à afficher : 10 | 50 | Tous |
Premier élément de navigation dans les pages
- Créez un composant de navigation de page appelé "firstnavigation".
- Sélectionnez Transfert (premières, précédentes, suivantes et dernières commandes) et Pagination (continuation et numérotage des pages).
- Sélectionnez Limiter le nombre de pages et entrez 3 dans la zone correspondante.
- Entrez le texte suivant dans les zones de conception d'élément :
Tableau 2. Conception du premier élément de navigation dans les pages Elément de conception Code de conception En-tête <span>Pied de page </span>Séparateur | </span><span>Premier contrôle - conception active <font color="#000000"><<</font>Premier contrôle - conception inactive <font color="#999999"><<</font>Contrôle précédent - conception active <font color="#000000"><</font>Contrôle précédent - conception inactive <font color="#999999"><</font>Contrôle suivant - conception active <font color="#000000">></font>Contrôle suivant - conception inactive <font color="#999999">></font>Dernier contrôle - conception active <font color="#000000">>></font>Dernier contrôle - conception inactive <font color="#999999">>></font>Continuation ...
Deuxième élément de navigation dans les pages
- Créez un composant de navigation de page appelé "secondnavigation".
- Sélectionnez Accéder à la page (case d'entrée de page) et Taille de page (sélection de taille de page).
- Définissez les paramètres suivants dans la section Aller à la page (zone de saisie de la page) :
- Libellé de zone : Aller à la page :
- Taille de zone : 3
- Définissez les paramètres suivants dans la section Contrôle de taille de page :
- Libellé de zone : Nombre d'éléments à afficher :
- Tailles de page :
10 | 10 50 | 50 0 | All
- Entrez le texte suivant dans les zones de conception d'élément :
Tableau 3. Conception du deuxième élément de navigation dans les pages Elément de conception Code de conception En-tête <span> Page [PageInfo value="currentPage" ] [PageInfo value="unknownPages" knowntext="of" unknowntext="of at least" ] [PageInfo value="totalPages" ]. </span> <span>
Pied de page | </span>
Séparateur </span><span>
Référencement des composants de navigation dans une autre conception d'élément
Vous utilisez les balises de composant pour référencer les deux composants de navigation dans les pages dans une autre conception d'élément, comme un menu :
<div>
[component name="firstnavigation" ]
<br>
[component name="secondnavigation" ]
</div>