topic Re: legend event &quot;finished&quot; in ArcGIS JavaScript Maps SDK Questions https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/legend-event-quot-finished-quot/m-p/78438#M7125 <HTML><HEAD></HEAD><BODY><P>Thanks Robert,</P><P></P><P>Yes, I want the complete rendered legend.</P><P></P><P>Good health!</P><P>Blair</P></BODY></HTML> Wed, 23 May 2018 15:05:44 GMT BlairJones 2018-05-23T15:05:44Z legend event "finished" https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/legend-event-quot-finished-quot/m-p/78434#M7121 <HTML><HEAD></HEAD><BODY><P>ArcGIS API 4.6;&nbsp; I want to create user interface elements within a legend.&nbsp; There seems to be no ESRI methods for this, so I am trying to capture the document elements created by the legend widget.&nbsp; I want a static legend.</P><P></P><P>First I create a number of FeatureLayer with empty source features array.&nbsp;&nbsp; I add these to a map and create the legend.&nbsp; Next, I want to copy the innerHTML of the document element containing legend and finally destroy the legend and remove all FeatureLayer.&nbsp; From the copy I can construct my version of legend.</P><P></P><P>My problem is event timing.&nbsp; Is there a deterministic method to signal complete construction of new esriLegend in the DOM?&nbsp; I have tried watchUtil.when(legend,"container") property, but I cant find a method to use with dojo/aspect.after.</P><P></P><P>What works is to invoke esriLegend then use setTimeout(), set for a few hundred miliseconds, at which point I can copy the completed DOM element and destroy the legend.</P><P></P><P>Please suggest a better way!</P><P>Thanks, Blair</P><P></P><P>//&nbsp; makeLegend.js&nbsp;&nbsp; &nbsp;May 22, 2018&nbsp;&nbsp;&nbsp; abj3<BR />if (!window.VaFWIS) { window.VaFWIS = {}; }<BR />if (!VaFWIS.lib) { VaFWIS.lib = {}; }</P><P></P><P>require([<BR />&nbsp;&nbsp;&nbsp; "esri/layers/FeatureLayer",<BR />&nbsp;&nbsp;&nbsp; "esri/widgets/Legend"<BR />], function (FeatureLayer, esriLegend) {</P><P></P><P>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; VaFWIS.lib.makeLegend = function () {</P><P></P><P>// esri/widgets/legend creates a dynamic symbol legend connected to map featureLayers<BR />// VaFWIS.lib.makeLegend - make an esriLegend and copy DOM element as a static legend<BR />//&nbsp; 1) map.add featureLayers created from VaFWIS.layerDef having layerInfo<BR />//&nbsp; 2) define legend info<BR />//&nbsp; 3) invoke esri/widgets/legend which dynamically inserts HTML into "theLegend"<BR />//&nbsp; 4) save&nbsp; "theLegendContainer" innerHTML<BR />//&nbsp; 5) destroy legend<BR />//&nbsp; 6) map.remove featureLayers<BR />//&nbsp; 7) restore saved "theLegendContainer" innerHTML<BR />//&nbsp; <span class="lia-unicode-emoji" title=":smiling_face_with_sunglasses:">😎</span> (future) add legend item specific ui controls<BR />//&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; a) re-order layers by dragging<BR />//&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; b) change opacity</P><P></P><P>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var legendLayerInfos = [];<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var keys = Object.keys(VaFWIS.layerDef);<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; for (var k = 0; k &lt; keys.length; k++) {<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var layerDef = VaFWIS.layerDef[keys<K>];<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (layerDef.layerInfo) {<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if (VaFWIS.debug == true) {<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; console.log("makeLegend for " + layerDef.id);<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var featureLayer = FeatureLayer(<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "fields": layerDef.layerInfo.fields<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; , "geometryType": layerDef.layerInfo.geometryType<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; , "id": "theLegend_" + layerDef.id<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; , "objectIdField": layerDef.layerInfo.objectIdField<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; , "popupTemplate": layerDef.layerInfo.popupTemplate<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; , "renderer": layerDef.layerInfo.renderer<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; , "spatialReference": layerDef.layerInfo.spatialReference<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; , "source": []<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; , "visible": true<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; );<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; VaFWIS.map.add(featureLayer);<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; legendLayerInfos.push(<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "layer": featureLayer<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; , title: layerDef.title<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // construct legend; after scheduleRenderer then save HTML and destroy legend<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; legend = new esriLegend(<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; view: VaFWIS.mapView,<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; container: "theLegend",<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; layerInfos: legendLayerInfos<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; );<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; setTimeout(function (legend) {<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var containerContent = $("#theLegendContainer").html();<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; legend.destroy();<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; VaFWIS.map.removeMany(VaFWIS.map.layers.filter(<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function (lyr) {<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return lyr.id.indexOf("theLegend_") == 0;<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ));<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $("#theLegendContainer").html(containerContent);<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $("#theLegendContainer").css("visibility", "visible");<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }.bind(null, legend), 250);<BR />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<BR />&nbsp;&nbsp;&nbsp; });</K></P></BODY></HTML> Tue, 22 May 2018 20:07:29 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/legend-event-quot-finished-quot/m-p/78434#M7121 BlairJones 2018-05-22T20:07:29Z Re: legend event "finished" https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/legend-event-quot-finished-quot/m-p/78435#M7122 <HTML><HEAD></HEAD><BODY><P>Blair,</P><P></P><P>&nbsp; &nbsp;See if this works for you:</P><PRE class="lia-code-sample line-numbers language-none"><CODE>watchUtils<SPAN class="punctuation token">.</SPAN><SPAN class="token function">whenOnce</SPAN><SPAN class="punctuation token">(</SPAN>legend<SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"container"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>evt<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN> &nbsp; console<SPAN class="punctuation token">.</SPAN><SPAN class="token function">info</SPAN><SPAN class="punctuation token">(</SPAN>legend<SPAN class="punctuation token">.</SPAN>container<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN></CODE></PRE></BODY></HTML> Fri, 10 Dec 2021 23:01:17 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/legend-event-quot-finished-quot/m-p/78435#M7122 RobertScheitlin__GISP 2021-12-10T23:01:17Z Re: legend event "finished" https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/legend-event-quot-finished-quot/m-p/78436#M7123 <HTML><HEAD></HEAD><BODY><P>Thanks Robert,</P><P>I inserted your (modified) code after legend = new esriLegend(...</P><PRE class="lia-code-sample line-numbers language-none"><CODE>watchUtils<SPAN class="">.</SPAN><SPAN class="">whenOnce</SPAN><SPAN class="">(</SPAN>legend<SPAN class="">,</SPAN> <SPAN class="">"container"</SPAN><SPAN class="">,</SPAN> <SPAN class="">function</SPAN><SPAN class="">(</SPAN>evt<SPAN class="">)</SPAN><SPAN class="">{</SPAN> &nbsp; console<SPAN class="">.</SPAN><SPAN class="">log</SPAN><SPAN class="">(</SPAN>legend<SPAN class="">.</SPAN>container.innerHTML<SPAN class="">)</SPAN><SPAN class="">;</SPAN> <SPAN class="">}</SPAN><SPAN class="">)</SPAN><SPAN class="">;</SPAN></CODE></PRE><P>innerHTML is "No legend"</P><P>Then after setTimeout for 250ms, the legend is complete.<CODE><SPAN class=""></SPAN></CODE></P><PRE class="lia-code-sample line-numbers language-none">Good health! Blair</PRE></BODY></HTML> Fri, 10 Dec 2021 23:01:19 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/legend-event-quot-finished-quot/m-p/78436#M7123 BlairJones 2021-12-10T23:01:19Z Re: legend event "finished" https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/legend-event-quot-finished-quot/m-p/78437#M7124 <HTML><HEAD></HEAD><BODY><P>Blair,</P><P></P><P>&nbsp; &nbsp;So I thought that you just needed to make sure the legend widget was created. Sounds like you want to know when it is done rendering the layers in the map. Is that correct?</P></BODY></HTML> Wed, 23 May 2018 14:55:50 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/legend-event-quot-finished-quot/m-p/78437#M7124 RobertScheitlin__GISP 2018-05-23T14:55:50Z Re: legend event "finished" https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/legend-event-quot-finished-quot/m-p/78438#M7125 <HTML><HEAD></HEAD><BODY><P>Thanks Robert,</P><P></P><P>Yes, I want the complete rendered legend.</P><P></P><P>Good health!</P><P>Blair</P></BODY></HTML> Wed, 23 May 2018 15:05:44 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/legend-event-quot-finished-quot/m-p/78438#M7125 BlairJones 2018-05-23T15:05:44Z Re: legend event "finished" https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/legend-event-quot-finished-quot/m-p/78439#M7126 <HTML><HEAD></HEAD><BODY><P>Blair,</P><P></P><P>&nbsp; I can not find anything to listen to for when the legend is done rendering.</P></BODY></HTML> Wed, 23 May 2018 15:47:36 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/legend-event-quot-finished-quot/m-p/78439#M7126 RobertScheitlin__GISP 2018-05-23T15:47:36Z