I am trying to attach multiple actions to the popup template using ESRI js api 4.0 it does't throw any errors into the console but doesn't display the action either, I can attach one action to a template and it works just fine I'm following this reference guide.
Code: https://jsbin.com/moqajuwugu/edit?html,output
<SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #858c93; font-size: 13px;">// Add this action to the popup so it is always available in this view</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #101094; font-size: 13px;">var</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> measureThisAction </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">=</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">{</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> title</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">:</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #7d2727; font-size: 13px;">"Measure Length"</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">,</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> id</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">:</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #7d2727; font-size: 13px;">"measure-this"</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">,</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> image</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">:</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #7d2727; font-size: 13px;">"Measure_Distance16.png"</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">};</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #101094; font-size: 13px;">var</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> someotherAction </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">=</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">{</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> title</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">:</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #7d2727; font-size: 13px;">"Someother Action"</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">,</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> id</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">:</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #7d2727; font-size: 13px;">"other-action-this"</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">,</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> image</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">:</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #7d2727; font-size: 13px;">"Measure_Distance16.png"</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">};</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #101094; font-size: 13px;">var</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #101094; font-size: 13px;">template</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">=</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">{</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #858c93; font-size: 13px;">// autocasts as new PopupTemplate()</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> title</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">:</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #7d2727; font-size: 13px;">"Trail run"</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">,</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> content</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">:</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #7d2727; font-size: 13px;">"{name}"</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">,</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> actions</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">:</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">[</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">measureThisAction</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">]</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">};</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;"> </SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #101094; font-size: 13px;"> template</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">.</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">actions</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">.</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">push</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">(</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">someotherAction</SPAN><SPAN style="margin: 0px; padding: 0px; border: 0px currentColor; color: #303336; font-size: 13px;">);</SPAN>
Any help would be greatly appreciated.
You could add multiple actions like this.
<SPAN class="keyword token">var</SPAN> template <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="comment token">// autocasts as new PopupTemplate() </SPAN> title<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Trail run"</SPAN><SPAN class="punctuation token">,</SPAN> content<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"{name}"</SPAN><SPAN class="punctuation token">,</SPAN> actions<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN>measureThisAction<SPAN class="punctuation token">,</SPAN> someotherAction<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>
Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.