<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic How to display popup on layer 'selection-complete' event in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-display-popup-on-layer-selection-complete/m-p/499081#M46387</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;I'm trying to get a popup to display on a selection-complete event of a feature layer. I'm having a problem where at the line to show the window I get a "Cannot read property 'toScreen' of undefined" error in the console. Does anyone know of a better way of showing a popup from a 'selection-complete' event? Thanks.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;featureLayer.on(&lt;SPAN style="color: #a31515;"&gt;"selection-complete"&lt;/SPAN&gt;, showInfo);&lt;/P&gt;&lt;P&gt;&lt;SPAN style="color: blue;"&gt;function&lt;/SPAN&gt; showInfo (event) {&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; map.infoWindow.setFeatures(event.features);&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; map.infoWindow.show(map.extent.getCenter());&lt;/P&gt;&lt;P&gt;}&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Message was edited by: Andrew Terwiel&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I have it working now. Code snippets below.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;postCreate: &lt;SPAN style="color: blue;"&gt;function&lt;/SPAN&gt; () {&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;SPAN style="color: blue;"&gt;this&lt;/SPAN&gt;.inherited(arguments);&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;SPAN style="color: blue;"&gt;this&lt;/SPAN&gt;._config = &lt;SPAN style="color: blue;"&gt;this&lt;/SPAN&gt;.config;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;SPAN style="color: blue;"&gt;this&lt;/SPAN&gt;.map = &lt;SPAN style="color: blue;"&gt;this&lt;/SPAN&gt;.map;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;SPAN style="color: blue;"&gt;this&lt;/SPAN&gt;.map.infoWindow = &lt;SPAN style="color: blue;"&gt;this&lt;/SPAN&gt;._customPopup;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;SPAN style="color: blue;"&gt;this&lt;/SPAN&gt;.map.on(&lt;SPAN style="color: #a31515;"&gt;"click"&lt;/SPAN&gt;, &lt;SPAN style="color: blue;"&gt;this&lt;/SPAN&gt;._showRoadInfo);&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; },&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;deferred = widget._roadFeatureLayer.selectFeatures(layerQuery,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; FeatureLayer.SELECTION_NEW, &lt;SPAN style="color: blue;"&gt;function&lt;/SPAN&gt; (selected) {&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; widget._roadFeatureLayer.setSelectionSymbol(widget._slsRoad);&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; widget._parcelFeatureLayer.clearSelection();&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; widget._zoomToRoad(selected, widget);&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;SPAN style="color: blue;"&gt;var&lt;/SPAN&gt; mpPt = selected[0].geometry.getExtent().getCenter();&lt;SPAN style="color: green;"&gt;//new Point(-122, 45.6);&amp;nbsp; &lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;SPAN style="color: blue;"&gt;var&lt;/SPAN&gt; scrPt = widget.map.toScreen(mpPt);&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/P&gt;&lt;P&gt;widget.map.emit(&lt;SPAN style="color: #a31515;"&gt;"click"&lt;/SPAN&gt;, { selected: selected, map: widget, bubbles: &lt;SPAN style="color: blue;"&gt;true&lt;/SPAN&gt;, cancelable: &lt;SPAN style="color: blue;"&gt;true&lt;/SPAN&gt;, screenPoint: scrPt, mapPoint: mpPt });&lt;/P&gt;&lt;P&gt;&amp;nbsp; });&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;_showRoadInfo: &lt;SPAN style="color: blue;"&gt;function&lt;/SPAN&gt; (event) {&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;SPAN style="color: blue;"&gt;var&lt;/SPAN&gt; that = &lt;SPAN style="color: blue;"&gt;this&lt;/SPAN&gt;._mapParams.infoWindow;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; that.setFeatures(event.selected);&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; that.show(event.mapPoint, event.screenPoint);&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; },&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Mon, 24 Aug 2015 01:40:49 GMT</pubDate>
    <dc:creator>AndrewTerwiel</dc:creator>
    <dc:date>2015-08-24T01:40:49Z</dc:date>
    <item>
      <title>How to display popup on layer 'selection-complete' event</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-display-popup-on-layer-selection-complete/m-p/499081#M46387</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;I'm trying to get a popup to display on a selection-complete event of a feature layer. I'm having a problem where at the line to show the window I get a "Cannot read property 'toScreen' of undefined" error in the console. Does anyone know of a better way of showing a popup from a 'selection-complete' event? Thanks.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;featureLayer.on(&lt;SPAN style="color: #a31515;"&gt;"selection-complete"&lt;/SPAN&gt;, showInfo);&lt;/P&gt;&lt;P&gt;&lt;SPAN style="color: blue;"&gt;function&lt;/SPAN&gt; showInfo (event) {&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; map.infoWindow.setFeatures(event.features);&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; map.infoWindow.show(map.extent.getCenter());&lt;/P&gt;&lt;P&gt;}&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Message was edited by: Andrew Terwiel&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I have it working now. Code snippets below.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;postCreate: &lt;SPAN style="color: blue;"&gt;function&lt;/SPAN&gt; () {&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;SPAN style="color: blue;"&gt;this&lt;/SPAN&gt;.inherited(arguments);&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;SPAN style="color: blue;"&gt;this&lt;/SPAN&gt;._config = &lt;SPAN style="color: blue;"&gt;this&lt;/SPAN&gt;.config;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;SPAN style="color: blue;"&gt;this&lt;/SPAN&gt;.map = &lt;SPAN style="color: blue;"&gt;this&lt;/SPAN&gt;.map;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;SPAN style="color: blue;"&gt;this&lt;/SPAN&gt;.map.infoWindow = &lt;SPAN style="color: blue;"&gt;this&lt;/SPAN&gt;._customPopup;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;SPAN style="color: blue;"&gt;this&lt;/SPAN&gt;.map.on(&lt;SPAN style="color: #a31515;"&gt;"click"&lt;/SPAN&gt;, &lt;SPAN style="color: blue;"&gt;this&lt;/SPAN&gt;._showRoadInfo);&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; },&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;deferred = widget._roadFeatureLayer.selectFeatures(layerQuery,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; FeatureLayer.SELECTION_NEW, &lt;SPAN style="color: blue;"&gt;function&lt;/SPAN&gt; (selected) {&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; widget._roadFeatureLayer.setSelectionSymbol(widget._slsRoad);&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; widget._parcelFeatureLayer.clearSelection();&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; widget._zoomToRoad(selected, widget);&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;SPAN style="color: blue;"&gt;var&lt;/SPAN&gt; mpPt = selected[0].geometry.getExtent().getCenter();&lt;SPAN style="color: green;"&gt;//new Point(-122, 45.6);&amp;nbsp; &lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;SPAN style="color: blue;"&gt;var&lt;/SPAN&gt; scrPt = widget.map.toScreen(mpPt);&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/P&gt;&lt;P&gt;widget.map.emit(&lt;SPAN style="color: #a31515;"&gt;"click"&lt;/SPAN&gt;, { selected: selected, map: widget, bubbles: &lt;SPAN style="color: blue;"&gt;true&lt;/SPAN&gt;, cancelable: &lt;SPAN style="color: blue;"&gt;true&lt;/SPAN&gt;, screenPoint: scrPt, mapPoint: mpPt });&lt;/P&gt;&lt;P&gt;&amp;nbsp; });&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;_showRoadInfo: &lt;SPAN style="color: blue;"&gt;function&lt;/SPAN&gt; (event) {&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;SPAN style="color: blue;"&gt;var&lt;/SPAN&gt; that = &lt;SPAN style="color: blue;"&gt;this&lt;/SPAN&gt;._mapParams.infoWindow;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; that.setFeatures(event.selected);&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; that.show(event.mapPoint, event.screenPoint);&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; },&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Mon, 24 Aug 2015 01:40:49 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-display-popup-on-layer-selection-complete/m-p/499081#M46387</guid>
      <dc:creator>AndrewTerwiel</dc:creator>
      <dc:date>2015-08-24T01:40:49Z</dc:date>
    </item>
    <item>
      <title>Re: How to display popup on layer 'selection-complete' event</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-display-popup-on-layer-selection-complete/m-p/499082#M46388</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;How are you selecting the featureLayer? Have you tried putting in a error handler to get a little more information?&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Mon, 24 Aug 2015 15:38:56 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-display-popup-on-layer-selection-complete/m-p/499082#M46388</guid>
      <dc:creator>TracySchloss</dc:creator>
      <dc:date>2015-08-24T15:38:56Z</dc:date>
    </item>
    <item>
      <title>Re: How to display popup on layer 'selection-complete' event</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-display-popup-on-layer-selection-complete/m-p/499083#M46389</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Try passing the event into the function&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;featureLayer.on(&lt;SPAN style="color: #a31515;"&gt;"selection-complete"&lt;/SPAN&gt;, showInfo(event));&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Mon, 24 Aug 2015 16:05:25 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-display-popup-on-layer-selection-complete/m-p/499083#M46389</guid>
      <dc:creator>KenBuja</dc:creator>
      <dc:date>2015-08-24T16:05:25Z</dc:date>
    </item>
  </channel>
</rss>

