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>
Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.