var measurement = new esri.dijit.Measurement({ map: app.map }, dojo.byId('measurement')); measurement.startup();
<div data-dojo-type="dijit.layout.ContentPane" id="leftPane" data-dojo-props="region:'left'"> <!-- start AccordionContainer --> <div data-dojo-type="dijit/layout/AccordionContainer" data-dojo-props="minSize:20, region:'leading', splitter:true" style="width: 300px;" id="leftAccordion"> <div data-dojo-type="dijit/layout/AccordionPane" title="Layers"> <div id="layerToggle" selected="true"> Toggle Layers: <br /> </div> </div> <div data-dojo-type="dijit/layout/AccordionPane" title="Legend"> <div id="legendDiv"></div> </div> <div data-dojo-type="dijit/layout/AccordionPane" title="Query"> </div> <div data-dojo-type="dijit/layout/AccordionPane" title="Print"> <div>Select a print template.</div> <div id="print_button"></div> </div> <div data-dojo-type="dijit/layout/AccordionPane" title="Measurement"> <div id="measurement"></div> </div> </div> <!-- end AccordionContainer --> </div>
var measurement = new Measurement({ map: app.map }, 'measurement'); on.once(registry.byId('measureTab'), 'show', function() { measurement.startup(); });
ReferenceError: on is not defined
require(['dojo/on'], function(on) { });
require(['dijit/registry'], function(registry) { on.once(registry.byId('measureTab'), 'show', function() { measurement.startup(); }); });
console.log(dom.byId('measureTab')); on.once(dom.byId('measureTab'), 'show', function() { alert("Measure!"); measurement.startup(); });
Did you ever resolve this and if so, how?