2016-05-17 2 views
0

Я хочу показать PopupMenuItem по горизонтали, но не могу найти способ сделать это.Показ PopupMenuItem по горизонтали

Я добавляю его как этот

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 
    })); 

ниже ссылка кода

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

ответ

1

Вы можете сделать следующее:

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

Добавить display:inline каждому SubMenu ребенка вы хотите показать горизонтально.

Посмотрите здесь: http://jsfiddle.net/an90dr/27uo0hpo/

+0

еще один вопрос, как я могу скрыть подменю на unhover? – Haider

+0

Вы можете добавить pSubMenu в область видимости этого виджета: this.pSubMenu. Затем вы можете добавить событие на mouseleave и закрыть всплывающее окно. Вы можете увидеть пример ниже: https://jsfiddle.net/an90dr/27uo0hpo/ – AndreasH

+0

Это скрывает подменю, даже если он наводил его на родительское меню и не отображался снова – Haider

Смежные вопросы