topic how are infoWindow format 'per attribute' function parameters passed? in ArcGIS JavaScript Maps SDK Questions

topic how are infoWindow format 'per attribute' function parameters passed? in ArcGIS JavaScript Maps SDK Questions https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-are-infowindow-format-per-attribute-function/m-p/117826#M10973 <HTML><HEAD></HEAD><BODY><P>In the 'Format InfoWindow Content' examples there is a line that substitutes attribute values using a function.  In line 3 it the compare function is called on the POP2007 attribute - ${POP2007:compare}.  The compare function takes 3 arguments: value, key, and data.  How are these argument passed to the function? </P><P></P><P>Here is the code:</P><P></P><P><SPAN class="kwd">var</SPAN><SPAN class="pln"> infoTemplate </SPAN><SPAN class="pun">=</SPAN><SPAN class="pln"> </SPAN><SPAN class="kwd">new</SPAN><SPAN class="pln"> </SPAN><SPAN class="typ">InfoTemplate</SPAN><SPAN class="pun">();</SPAN><SPAN class="pln"><BR />infoTemplate</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">setTitle</SPAN><SPAN class="pun">(</SPAN><SPAN class="str">"Population in ${NAME}"</SPAN><SPAN class="pun">);</SPAN><SPAN class="pln"><BR />infoTemplate</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">setContent</SPAN><SPAN class="pun">(</SPAN><SPAN class="str">"<b>2007 :D: </b>${POP2007:compare}<br/>"</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">+</SPAN><SPAN class="pln"><BR />  </SPAN><SPAN class="str">"<b>2007 density: </b>${POP07_SQMI:compare}<br/><br/>"</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">+</SPAN><SPAN class="pln"><BR />  </SPAN><SPAN class="str">"<b>2000: </b>${POP2000:NumberFormat}<br/>"</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">+</SPAN><SPAN class="pln"><BR />  </SPAN><SPAN class="str">"<b>2000 density: </b>${POP00_SQMI:NumberFormat}"</SPAN><SPAN class="pun">);</SPAN><SPAN class="pln"><BR /><BR />compare </SPAN><SPAN class="pun">=</SPAN><SPAN class="pln"> </SPAN><SPAN class="kwd">function</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">(</SPAN><SPAN class="pln">value</SPAN><SPAN class="pun">,</SPAN><SPAN class="pln"> key</SPAN><SPAN class="pun">,</SPAN><SPAN class="pln"> data</SPAN><SPAN class="pun">)</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">{</SPAN><SPAN class="pln"><BR />  </SPAN><SPAN class="kwd">var</SPAN><SPAN class="pln"> result </SPAN><SPAN class="pun">=</SPAN><SPAN class="pln"> </SPAN><SPAN class="str">""</SPAN><SPAN class="pun">,</SPAN><SPAN class="pln"> diff</SPAN><SPAN class="pun">,</SPAN><SPAN class="pln"> pctChange</SPAN><SPAN class="pun">;</SPAN><SPAN class="pln"><BR /><BR />  </SPAN><SPAN class="kwd">switch</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">(</SPAN><SPAN class="pln">key</SPAN><SPAN class="pun">)</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">{</SPAN><SPAN class="pln"><BR />    </SPAN><SPAN class="kwd">case</SPAN><SPAN class="pln"> </SPAN><SPAN class="str">"POP2007"</SPAN><SPAN class="pun">:</SPAN><SPAN class="pln"><BR />      result </SPAN><SPAN class="pun">=</SPAN><SPAN class="pln"> value </SPAN><SPAN class="pun">></SPAN><SPAN class="pln"> data</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">POP2000 </SPAN><SPAN class="pun">?</SPAN><SPAN class="pln"> </SPAN><SPAN class="str">"images/up.png"</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">:</SPAN><SPAN class="pln"> </SPAN><SPAN class="str">"images/down.png"</SPAN><SPAN class="pun">;</SPAN><SPAN class="pln"><BR />      diff </SPAN><SPAN class="pun">=</SPAN><SPAN class="pln"> data</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">POP2007 </SPAN><SPAN class="pun">-</SPAN><SPAN class="pln"> data</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">POP2000</SPAN><SPAN class="pun">;</SPAN><SPAN class="pln"><BR />      pctChange </SPAN><SPAN class="pun">=</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">(</SPAN><SPAN class="pln">diff </SPAN><SPAN class="pun">*</SPAN><SPAN class="pln"> </SPAN><SPAN class="lit">100</SPAN><SPAN class="pun">)</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">/</SPAN><SPAN class="pln"> data</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">POP2000</SPAN><SPAN class="pun">;</SPAN><SPAN class="pln"><BR />      </SPAN><SPAN class="kwd">break</SPAN><SPAN class="pun">;</SPAN><SPAN class="pln"><BR /><BR />    </SPAN><SPAN class="kwd">case</SPAN><SPAN class="pln"> </SPAN><SPAN class="str">"POP07_SQMI"</SPAN><SPAN class="pun">:</SPAN><SPAN class="pln"><BR />      result </SPAN><SPAN class="pun">=</SPAN><SPAN class="pln"> value </SPAN><SPAN class="pun">></SPAN><SPAN class="pln"> data</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">POP00_SQMI </SPAN><SPAN class="pun">?</SPAN><SPAN class="pln"> </SPAN><SPAN class="str">"images/up.png"</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">:</SPAN><SPAN class="pln"> </SPAN><SPAN class="str">"images/down.png"</SPAN><SPAN class="pun">;</SPAN><SPAN class="pln"><BR />      diff </SPAN><SPAN class="pun">=</SPAN><SPAN class="pln"> data</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">POP07_SQMI </SPAN><SPAN class="pun">-</SPAN><SPAN class="pln"> data</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">POP00_SQMI</SPAN><SPAN class="pun">;</SPAN><SPAN class="pln"><BR />      pctChange </SPAN><SPAN class="pun">=</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">(</SPAN><SPAN class="pln">diff </SPAN><SPAN class="pun">*</SPAN><SPAN class="pln"> </SPAN><SPAN class="lit">100</SPAN><SPAN class="pun">)</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">/</SPAN><SPAN class="pln"> data</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">POP00_SQMI</SPAN><SPAN class="pun">;</SPAN><SPAN class="pln"><BR />      </SPAN><SPAN class="kwd">break</SPAN><SPAN class="pun">;</SPAN><SPAN class="pln"><BR />  </SPAN><SPAN class="pun">}</SPAN><SPAN class="pln"><BR /><BR />  </SPAN><SPAN class="kwd">return</SPAN><SPAN class="pln"> number</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">format</SPAN><SPAN class="pun">(</SPAN><SPAN class="pln">value</SPAN><SPAN class="pun">)</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">+</SPAN><SPAN class="pln"><BR />    </SPAN><SPAN class="str">"   <img src='"</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">+</SPAN><SPAN class="pln"> result </SPAN><SPAN class="pun">+</SPAN><SPAN class="pln"> </SPAN><SPAN class="str">"'>"</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">+</SPAN><SPAN class="pln"><BR />    </SPAN><SPAN class="str">"  <span style='color: "</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">+</SPAN><SPAN class="pln"><BR />    </SPAN><SPAN class="pun">(</SPAN><SPAN class="pln">pctChange </SPAN><SPAN class="pun"><</SPAN><SPAN class="pln"> </SPAN><SPAN class="lit">0</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">?</SPAN><SPAN class="pln"> </SPAN><SPAN class="str">"red"</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">:</SPAN><SPAN class="pln"> </SPAN><SPAN class="str">"green"</SPAN><SPAN class="pun">)</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">+</SPAN><SPAN class="pln"> </SPAN><SPAN class="str">";'>"</SPAN><SPAN class="pln"><BR />     </SPAN><SPAN class="pun">+</SPAN><SPAN class="pln"> number</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">format</SPAN><SPAN class="pun">(</SPAN><SPAN class="pln">pctChange</SPAN><SPAN class="pun">,</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">{</SPAN><SPAN class="pln"> places</SPAN><SPAN class="pun">:</SPAN><SPAN class="pln"> </SPAN><SPAN class="lit">3</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">})</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">+</SPAN><SPAN class="pln"><BR />    </SPAN><SPAN class="str">"%</span>"</SPAN><SPAN class="pun">;</SPAN><SPAN class="pln"><BR /></SPAN><SPAN class="pun">};</SPAN></P><P><SPAN class="pun"></SPAN></P><P><SPAN class="pun">thanks</SPAN></P></BODY></HTML> Tue, 21 Jul 2015 22:39:07 GMT DavidDoop 2015-07-21T22:39:07Z how are infoWindow format 'per attribute' function parameters passed? https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-are-infowindow-format-per-attribute-function/m-p/117826#M10973 <HTML><HEAD></HEAD><BODY><P>In the 'Format InfoWindow Content' examples there is a line that substitutes attribute values using a function.  In line 3 it the compare function is called on the POP2007 attribute - ${POP2007:compare}.  The compare function takes 3 arguments: value, key, and data.  How are these argument passed to the function? </P><P></P><P>Here is the code:</P><P></P><P><SPAN class="kwd">var</SPAN><SPAN class="pln"> infoTemplate </SPAN><SPAN class="pun">=</SPAN><SPAN class="pln"> </SPAN><SPAN class="kwd">new</SPAN><SPAN class="pln"> </SPAN><SPAN class="typ">InfoTemplate</SPAN><SPAN class="pun">();</SPAN><SPAN class="pln"><BR />infoTemplate</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">setTitle</SPAN><SPAN class="pun">(</SPAN><SPAN class="str">"Population in ${NAME}"</SPAN><SPAN class="pun">);</SPAN><SPAN class="pln"><BR />infoTemplate</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">setContent</SPAN><SPAN class="pun">(</SPAN><SPAN class="str">"<b>2007 :D: </b>${POP2007:compare}<br/>"</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">+</SPAN><SPAN class="pln"><BR />  </SPAN><SPAN class="str">"<b>2007 density: </b>${POP07_SQMI:compare}<br/><br/>"</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">+</SPAN><SPAN class="pln"><BR />  </SPAN><SPAN class="str">"<b>2000: </b>${POP2000:NumberFormat}<br/>"</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">+</SPAN><SPAN class="pln"><BR />  </SPAN><SPAN class="str">"<b>2000 density: </b>${POP00_SQMI:NumberFormat}"</SPAN><SPAN class="pun">);</SPAN><SPAN class="pln"><BR /><BR />compare </SPAN><SPAN class="pun">=</SPAN><SPAN class="pln"> </SPAN><SPAN class="kwd">function</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">(</SPAN><SPAN class="pln">value</SPAN><SPAN class="pun">,</SPAN><SPAN class="pln"> key</SPAN><SPAN class="pun">,</SPAN><SPAN class="pln"> data</SPAN><SPAN class="pun">)</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">{</SPAN><SPAN class="pln"><BR />  </SPAN><SPAN class="kwd">var</SPAN><SPAN class="pln"> result </SPAN><SPAN class="pun">=</SPAN><SPAN class="pln"> </SPAN><SPAN class="str">""</SPAN><SPAN class="pun">,</SPAN><SPAN class="pln"> diff</SPAN><SPAN class="pun">,</SPAN><SPAN class="pln"> pctChange</SPAN><SPAN class="pun">;</SPAN><SPAN class="pln"><BR /><BR />  </SPAN><SPAN class="kwd">switch</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">(</SPAN><SPAN class="pln">key</SPAN><SPAN class="pun">)</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">{</SPAN><SPAN class="pln"><BR />    </SPAN><SPAN class="kwd">case</SPAN><SPAN class="pln"> </SPAN><SPAN class="str">"POP2007"</SPAN><SPAN class="pun">:</SPAN><SPAN class="pln"><BR />      result </SPAN><SPAN class="pun">=</SPAN><SPAN class="pln"> value </SPAN><SPAN class="pun">></SPAN><SPAN class="pln"> data</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">POP2000 </SPAN><SPAN class="pun">?</SPAN><SPAN class="pln"> </SPAN><SPAN class="str">"images/up.png"</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">:</SPAN><SPAN class="pln"> </SPAN><SPAN class="str">"images/down.png"</SPAN><SPAN class="pun">;</SPAN><SPAN class="pln"><BR />      diff </SPAN><SPAN class="pun">=</SPAN><SPAN class="pln"> data</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">POP2007 </SPAN><SPAN class="pun">-</SPAN><SPAN class="pln"> data</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">POP2000</SPAN><SPAN class="pun">;</SPAN><SPAN class="pln"><BR />      pctChange </SPAN><SPAN class="pun">=</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">(</SPAN><SPAN class="pln">diff </SPAN><SPAN class="pun">*</SPAN><SPAN class="pln"> </SPAN><SPAN class="lit">100</SPAN><SPAN class="pun">)</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">/</SPAN><SPAN class="pln"> data</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">POP2000</SPAN><SPAN class="pun">;</SPAN><SPAN class="pln"><BR />      </SPAN><SPAN class="kwd">break</SPAN><SPAN class="pun">;</SPAN><SPAN class="pln"><BR /><BR />    </SPAN><SPAN class="kwd">case</SPAN><SPAN class="pln"> </SPAN><SPAN class="str">"POP07_SQMI"</SPAN><SPAN class="pun">:</SPAN><SPAN class="pln"><BR />      result </SPAN><SPAN class="pun">=</SPAN><SPAN class="pln"> value </SPAN><SPAN class="pun">></SPAN><SPAN class="pln"> data</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">POP00_SQMI </SPAN><SPAN class="pun">?</SPAN><SPAN class="pln"> </SPAN><SPAN class="str">"images/up.png"</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">:</SPAN><SPAN class="pln"> </SPAN><SPAN class="str">"images/down.png"</SPAN><SPAN class="pun">;</SPAN><SPAN class="pln"><BR />      diff </SPAN><SPAN class="pun">=</SPAN><SPAN class="pln"> data</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">POP07_SQMI </SPAN><SPAN class="pun">-</SPAN><SPAN class="pln"> data</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">POP00_SQMI</SPAN><SPAN class="pun">;</SPAN><SPAN class="pln"><BR />      pctChange </SPAN><SPAN class="pun">=</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">(</SPAN><SPAN class="pln">diff </SPAN><SPAN class="pun">*</SPAN><SPAN class="pln"> </SPAN><SPAN class="lit">100</SPAN><SPAN class="pun">)</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">/</SPAN><SPAN class="pln"> data</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">POP00_SQMI</SPAN><SPAN class="pun">;</SPAN><SPAN class="pln"><BR />      </SPAN><SPAN class="kwd">break</SPAN><SPAN class="pun">;</SPAN><SPAN class="pln"><BR />  </SPAN><SPAN class="pun">}</SPAN><SPAN class="pln"><BR /><BR />  </SPAN><SPAN class="kwd">return</SPAN><SPAN class="pln"> number</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">format</SPAN><SPAN class="pun">(</SPAN><SPAN class="pln">value</SPAN><SPAN class="pun">)</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">+</SPAN><SPAN class="pln"><BR />    </SPAN><SPAN class="str">"   <img src='"</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">+</SPAN><SPAN class="pln"> result </SPAN><SPAN class="pun">+</SPAN><SPAN class="pln"> </SPAN><SPAN class="str">"'>"</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">+</SPAN><SPAN class="pln"><BR />    </SPAN><SPAN class="str">"  <span style='color: "</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">+</SPAN><SPAN class="pln"><BR />    </SPAN><SPAN class="pun">(</SPAN><SPAN class="pln">pctChange </SPAN><SPAN class="pun"><</SPAN><SPAN class="pln"> </SPAN><SPAN class="lit">0</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">?</SPAN><SPAN class="pln"> </SPAN><SPAN class="str">"red"</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">:</SPAN><SPAN class="pln"> </SPAN><SPAN class="str">"green"</SPAN><SPAN class="pun">)</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">+</SPAN><SPAN class="pln"> </SPAN><SPAN class="str">";'>"</SPAN><SPAN class="pln"><BR />     </SPAN><SPAN class="pun">+</SPAN><SPAN class="pln"> number</SPAN><SPAN class="pun">.</SPAN><SPAN class="pln">format</SPAN><SPAN class="pun">(</SPAN><SPAN class="pln">pctChange</SPAN><SPAN class="pun">,</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">{</SPAN><SPAN class="pln"> places</SPAN><SPAN class="pun">:</SPAN><SPAN class="pln"> </SPAN><SPAN class="lit">3</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">})</SPAN><SPAN class="pln"> </SPAN><SPAN class="pun">+</SPAN><SPAN class="pln"><BR />    </SPAN><SPAN class="str">"%</span>"</SPAN><SPAN class="pun">;</SPAN><SPAN class="pln"><BR /></SPAN><SPAN class="pun">};</SPAN></P><P><SPAN class="pun"></SPAN></P><P><SPAN class="pun">thanks</SPAN></P></BODY></HTML> Tue, 21 Jul 2015 22:39:07 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-are-infowindow-format-per-attribute-function/m-p/117826#M10973 DavidDoop 2015-07-21T22:39:07Z