Aller au contenu
Modifié par Julien EYMERY le 2015/07/27 10:35
Afficher les derniers auteurs
1 Lorsque l'objet Menu est une barre d'onglets (cas du menu accordéon par exemple), il est possible de gérer l'item sélectionné par l'utilisateur (l'item qui est cliqué) et lui associer une apparence particulière.
2
3 Lorsqu'un clic sur un item déclenche un événement Adélia qui boucle sur la même page, alors l'objet Menu gère automatiquement l'item sélectionné : Au réaffichage de la page, l'item cliqué est affiché comme étant celui sélectionné. Dans le cas d'un menu accordéon, les items parent sont automatiquement expansés pour rendre visible l'item sélectionné.
4
5 Cependant, lorsque l'événement Adélia déclenché sur le clic d'un item provoque l'affichage d'une nouvelle page, alors il est nécessaire de gérer l'item sélectionné manuellement. Typiquement, ce cas peut se produire lorsqu'un objet Menu (accordéon par exemple) est en partie gauche d'un canevas et que l'événement Adélia associé au clic d'un item déclenche un TRAITER_PGM.
6 La gestion manuelle de l'item sélectionné se fait en deux étapes :
7
8 Etape 1 : Sur le ONCLICK de chaque item de menu, il faut stocker dans le contexte d'exécution de l'application le nom de l'item sélectionné. Voici un exemple de code L4G :
9
10
11 {{code language="none"}}
12 nomItem = mnu_1:nom_item_select
13 sauver_ctx 'cleItem' 'REQUEST' nomItem
14 {{/code}}
15
16
17 Remarque : Il est possible de stocker le nom de l'item soit au niveau 'REQUEST' soit au niveau 'SESSION'. Ce code doit être exécuté avant un TRAITER_PGM.
18
19
20 Etape 2 : Dans le pavé INITIALISATION de la page contenant l'objet Menu, il faut récupérer le nom de l'item précédemment stocké. Voici un exemple de code L4G :
21
22
23 {{code language="none"}}
24 recuperer_ctx 'cleItem' 'REQUEST' nomItem
25 si *code_retour = *normal
26 * un nom d'item a été précédemment stocké
27 mnu_1:nom_item_select = nomItem
28 sinon
29 * aucun item stocké : cela peut se produire au premier appel du programme partie centrale du canevas
30 * laisser le menu réduit.
31 fin
32 {{/code}}
33
34
35 Remarque : L'affectation d'un nom d'item à la propriété NOM_ITEM_SELECT provoque l'expansion des items parent pour rendre visible cet item.
36 (((
37 == (% style="line-height: 1.5;" %)Articles connexes(%%) ==
38 )))
39
40 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.
41
42 {{liveData sort="doc.date:desc" source="liveTable" properties="doc.title,doc.date,doc.author" description="Recently updated" limit="5" filters="tag=web menu" sourceParameters="translationPrefix=platform.index."}}{{/liveData}}
43