nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

dojo addonload transition to AMD

GeorgeHilton__GISP

I have a question on transitioning to AMD references and calling an initial function when an application loads.

Currently my pre AMD application contains the following line in my default.aspx:

<script type="text/javascript">

dojo.addOnLoad(init);

</script>

the init function is in a separate load.js file included in my visual studio web application. At the top of the load.js file I list several requirements, example:

dojo.require("esri.map");

dojo.require("esri.layers.graphics");

then the init function begins which adds layers to the map.

I am trying to rewrite my code with AMD references like this:

require(["esri/Map", "esri/geometry/Extent", "dojo/ready",

"dojo/domReady!"], function (Map, Extent, registry, ready) {

ready(function () {

var initExtent = new Extent({ "xmin": -8227830.3637063, "ymin": 5340700.39573648, "xmax": -8171280.30528049, "ymax": 5394550.12077208, "spatialReference": { "wkid": 102100 } });

map = new Map("map", { extent: initExtent, slider: false, logo: false });

var qbydynamLayer = new esri.layers.ArcGISDynamicMapServiceLayer("http://toqgis.queensbury.net/ArcGIS/rest/services/webapp3/MapServer", {

"opacity": 0.5,

});

map.addLayer(qbydynamLayer);

})

I placed this code in the load.js file to replace the init function and it is not working. I'm sure it's an easy fix, but I cannot seem to find a way to call this code from default.aspx with code similar to the old dojo.addOnLoad reference.

Any help is appreciated. Thanks in advance.

Trouver plus de publications taguées avec

Accepted answers

TimWitt2

George,

you can get rid of "dojo/ready" and ready. However you need to add "dijit/registry" after "esri/geometry/Extent"

All comments

GeorgeHilton__GISP

I finally got it to work. I did remove dojo.ready(init), however the trick for me was to add my map service (the operational layer) in a separate function as displayed in this sample:

esri-jsapi-samples/fl_ondemand_AMD.html at gh-pages · jgravois/esri-jsapi-samples · GitHub

Thank you Tim and John for your help

JohnGravois

as tim said, you don't need to call dojo.ready(init) anymore. simply placing a <script> tag referencing your .js file in an .html or .aspx page while trigger the require and its callback firing. see this example in the Resource Center.

in the js file itself, the code from

parser.parse();
...//to
var gs = new GeometryService("http://sampleserver6.arcgisonline.com/arcgis/rest/services/Utilities/Geometry/GeometryServer");

fires immediately after all the AMD modules have been loaded successfully.

to get a better idea of whats triggered when, i usually like to set breakpoints in the developer tools and step through manually.

GeorgeHilton__GISP

Thank you for your quick reply and the link to the ArcGIS Blog post. I replaced items as you listed and I'm still having issues. I am hung up on how to call this code when default.aspx begins loading.

This was my code in default.aspx that called the init function:

<script type="text/javascript">

dojo.ready(init);

</script>

I'm not sure how to get the new code to fire from default.aspx as I was able to with the code above.

TimWitt2

Also check out this article: The abc’s of AMD | ArcGIS Blog

This should help you in transitioning.

TimWitt2

George,

you can get rid of "dojo/ready" and ready. However you need to add "dijit/registry" after "esri/geometry/Extent"

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.