2016-05-17 7 views
0

Ich möchte PopupMenuItem horizontal anzeigen, kann aber keine Möglichkeit finden, dies zu tun.PopupMenuItem horizontal anzeigen

Ich füge es wie dieses

var pSubMenu2 = new Menu(); 
    pSubMenu2.addChild(new MenuItem({ 
    iconClass: "dijitEditorIcon dijitEditorIconCopy" 
    })); 
    pSubMenu2.addChild(new MenuItem({ 
    iconClass: "dijitEditorIcon dijitEditorIconCut" 

    })); 
    pMenu.addChild(new PopupMenuItem({ 
    iconClass: "dijitEditorIcon dijitEditorIconPaste", 
    popup: pSubMenu2 
    })); 

unten ist die Verknüpfung von Code

https://jsfiddle.net/agha_ali22/ntkhy9q3/2/ 

Antwort

1

Sie folgendes tun:

pSubMenu.addChild(new MenuItem({ 
     iconClass: "dijitEditorIcon dijitEditorIconCopy", 
     style: "display:inline" 
    })); 
    pSubMenu.addChild(new MenuItem({ 
     iconClass: "dijitEditorIcon dijitEditorIconCut", 
     style: "display:inline" 
    })); 

display:inline zu jedem subMenu Kind hinzufügen Sie möchte horizontal zeigen.

Werfen Sie einen Blick hier: http://jsfiddle.net/an90dr/27uo0hpo/

+0

Noch eine Frage, wie kann ich das Untermenü auf unhover verstecken? – Haider

+0

Sie können das pSubMenu wie folgt in den Bereich des Widgets einfügen: this.pSubMenu. Dann können Sie ein Ereignis auf mouseleave hinzufügen und das Popup schließen. Sie können das folgende Beispiel sehen: https://jsfiddle.net/an90dr/27uo0hpo/ – AndreasH

+0

Das verbirgt das Untermenü, selbst wenn es auf seinem Elternmenü schwebt und nicht wieder auftaucht – Haider