Menu pouvant scroller [Résolu]

[SheikYerbouti]

Bonjour,

Je découvre Dojo, et me familiarise avec les menus.
Il y a t-il un moyen de "scroller" ou d'avoir un ascenseur dans le menu ?
D'avance merci.

[Daniel_Gibot]

Bonjour,

De quel menu parlez vous ?

[SheikYerbouti]

dijit.Menu

[Daniel_Gibot]

Je ne pense pas que le dijit.Menu puisse "scroller".
En le mettant dans un contentPane peut être ? Le contentPane peut afficher une barre de défilement une fois que son contenu a dépassé sa hauteur définie.

[SheikYerbouti]

Merci.
Je fais ceci, mais cela ne change rien:

Code :

1
2
3
4
5
<div dojoType="dijit.layout.ContentPane" style="height:100px;">
   <div dojoType="dijit.Menu" id="windowContextMenu" contextMenuForWindow="false" targetNodeIds="s1,s2,s3"
   ...
   </div>
</div>

[Daniel_Gibot]

Bonjour,

En utilisant l'exemple fourni par dojoCampus :

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
<div dojoType="dijit.layout.ContentPane" style="height:100px;">
   <div dojoType="dijit.Menu" id="windowContextMenu" >
   <div dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconCut"
    onClick="alert('drama!')">
        Drama
    </div>
    <div dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconCopy"
    onClick="alert('comedy!')">
        Comedy
    </div>
    <div dojoType="dijit.MenuItem" iconClass="dijitEditorIcon dijitEditorIconPaste"
    onClick="alert('romance!')">
        Romance
    </div>
    <div dojoType="dijit.MenuSeparator">
    </div>
    <div dojoType="dijit.PopupMenuItem">
        <span>
            Action
        </span>
        <div dojoType="dijit.Menu" id="submenu2">
            <div dojoType="dijit.MenuItem" onClick="alert('diehard!')">
                Diehard
            </div>
            <div dojoType="dijit.MenuItem" onClick="alert('indiana!')">
                Indiana Jones
            </div>
        </div>
    </div>
   </div>
</div>

Cela met bien un ascenseur vertical mais je ne suis pas certain que ça ait l'effet que vous souhaitez.

[SheikYerbouti]

Merci,

j'ai bien essayé ce code, mais aucun ascenceur n'apparait dans le menu.

[SheikYerbouti]

J'ai trouvé une solution de contournement en utilisant l'option templateString:

Code :

1
2
3
4
        <div dojoType="dijit.Menu" toggle="fade" id="windowContextMenu" contextMenuForWindow="false" targetNodeIds="s1,s2,s3"
        style="display: none;" class="dijit_a11y"
        templateString='<div style="height: 340px; width:200px; overflow-y:scroll;">... mes options ...</div>'>
        </div>

Cela fonctionne bien. Toutefois avec ce système, le fait de cliquer une option ne fait plus disparaitre le menu, il faut faire un 2ème click en dehors

[SheikYerbouti]

J'abandonne Dojo pour JQuery.

merci.