Using dijit/DropDownMenu in a custom WAB widget

Question

I'm trying to use dijit/DropDownMenu in a custom WAB widget but can't seem to get it to work. Can anyone point me to some sample code or API docs? Thank you!

BryceWhiteside · Answer

Hi again. Turns out I had to call parser.parse() in the startup function. Problem solved. Thanks for your time.

BryceWhiteside · Answer

Hi Robert, Thanks for replying. Here is my Widget.js: define(['dojo/_base/declare', 'dojo/parser','dijit/DropDownMenu', 'dijit/MenuItem', 'dijit/MenuSeparator', 'dijit/PopupMenuItem','jimu/BaseWidget','jimu/loaderplugins/jquery-loader!https://code.jquery.com/jquery-3.3.1.min.js, https://code.jquery.com/ui/1.12.1/jquery-ui.min.js'],function(declare, parser,DropDownMenu,MenuItem,MenuSeparator,PopupMenuItem,BaseWidget, $,){ return declare(BaseWidget, { baseClass: 'jimu-widget-pagwidget', startup: function () { var map = this.map; $('#txtTest').text('Dijit Test'); } });}); And here is my Widget.html:

Cut

Copy

Paste

Action

Nested #1

Nested #2

I took the example from dijit/DropDownMenu â The Dojo Toolkit - Reference Guide Thanks for your help, Bryce

RobertScheitlin__GISP · Answer

Bryce,

You are probably missing something simple in your code. Can you post your attempt to use the dijit inside your widget?