Deactivate measurements when closing panel

JohnDenis

I found this script on GeoNet where all the buttons and measurements created in the Measurement Widget are automatically closed when closing the Measurement panel. 

I am trying to duplicate this behaviour on a Calcite theme JSBin but the widget is still active when closing it's panel:

<SPAN class="keyword token">var</SPAN> titlePane <SPAN class="operator token">=</SPAN> dijit<SPAN class="punctuation token">.</SPAN><SPAN class="token function">byId</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"panelMeasure"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
titlePane<SPAN class="punctuation token">.</SPAN><SPAN class="token function">on</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"hide"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp; measurement<SPAN class="punctuation token">.</SPAN><SPAN class="token function">setTool</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"location"</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="keyword token">false</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp; measurement<SPAN class="punctuation token">.</SPAN><SPAN class="token function">setTool</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"area"</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="keyword token">false</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp; measurement<SPAN class="punctuation token">.</SPAN><SPAN class="token function">setTool</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"distance"</SPAN><SPAN class="punctuation token">,</SPAN><SPAN class="keyword token">false</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp; app<SPAN class="punctuation token">.</SPAN>map<SPAN class="punctuation token">.</SPAN>graphics<SPAN class="punctuation token">.</SPAN><SPAN class="token function">clear</SPAN><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>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Am I missing something in these code lines?

John

rscheitlin

John,

  This is what you need then:

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="comment token">// Deactivate Measurement widget on panel close</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <SPAN class="token function">query</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"#panelMeasure"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">on</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"hide.bs.collapse"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>e<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; app<SPAN class="punctuation token">.</SPAN>measurement<SPAN class="punctuation token">.</SPAN><SPAN class="token function">setTool</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"location"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">false</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; app<SPAN class="punctuation token">.</SPAN>measurement<SPAN class="punctuation token">.</SPAN><SPAN class="token function">setTool</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"area"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">false</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; app<SPAN class="punctuation token">.</SPAN>measurement<SPAN class="punctuation token">.</SPAN><SPAN class="token function">setTool</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"distance"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">false</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; app<SPAN class="punctuation token">.</SPAN>map<SPAN class="punctuation token">.</SPAN>graphics<SPAN class="punctuation token">.</SPAN><SPAN class="token function">clear</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <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>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>