Menu pouvant scroller

Version imprimable

17/06/2011, 09h23
SheikYerbouti

Menu pouvant scroller

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.
17/06/2011, 10h28
Daniel_Gibot

Bonjour,

De quel menu parlez vous ?
17/06/2011, 11h00
SheikYerbouti

dijit.Menu
17/06/2011, 13h53
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.

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>

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.

23/06/2011, 10h20
SheikYerbouti

Merci,

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

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 :?

23/06/2011, 11h55
SheikYerbouti

J'abandonne Dojo pour JQuery.

merci.