topic Re: How to format numeric attribute values in an infoWindow in ArcGIS JavaScript Maps SDK Questions

How to format numeric attribute values in an infoWindow

StephenLead — Sat, 11 Dec 2021 12:19:04 GMT

Is it possible to format attribute values in an infoWindow?

For example, see the sample at http://help.arcgis.com/EN/webapi/javascript/arcgis/demos/query/query_hover.html

The infoWindow template uses population density values from attribute values in a variable:

infoTemplate.setContent("<b>2000 Population: </b>${POP2000}<br/>"
                             + "<b>2000 Population per Sq. Mi.: </b>${POP00_SQMI}<br/>"
                             + "<b>2007 Population: </b>${POP2007}<br/>"
                             + "<b>2007 Population per Sq. Mi.: </b>${POP07_SQMI}");

Is it possible to apply formatting to these values, eg so the POP07_SQMI value is rounded to zero decimal places?

Thanks,
Steve

Re: How to format numeric attribute values in an infoWindow

BradCochran — Thu, 11 Nov 2010 01:28:06 GMT

not sure if there is a fancy way to do it, but the boring javascript way is to just use Math.round

for example,

Math.round(2232.43534) //returns 2232

so you could do something like,

var popRounded = Math.round(POP07_SQMI);

Re: How to format numeric attribute values in an infoWindow

StephenLead — Thu, 11 Nov 2010 02:13:37 GMT

Hi Brad,

Thanks for the reply. As far as I can see, the problem is that the value of the attribute isn't evaluated at the time that the infoTemplate is created (so there's nothing to round yet). The code is setting up a template that is read at the point at which the graphic object is created.

Put another way - I can't see how to put the Math.round directive in the code above, and have it run as JavaScript, rather than being quoted as text. I'm not a JS expert.......

Any help would be appreciated.

Cheers,
Steve

Re: How to format numeric attribute values in an infoWindow

KellyHutchins — Thu, 11 Nov 2010 15:57:37 GMT

This question comes up frequently so I added a new sample to the ArcGIS Resource Center this morning showing how to format the contents of an info window. The sample formats string values but could easily be modified to apply numeric or date formatting.

http://help.arcgis.com/EN/webapi/javascript/arcgis/help/jssamples/fl_infowindow.html

FYI: We are making some changes at 2.2 that will simplify this process.

Re: How to format numeric attribute values in an infoWindow

StephenLead — Thu, 11 Nov 2010 23:19:29 GMT

Thanks again Kelly, I'll give it a go.

It would definitely be nice to be able to include the formatting directions in the infoWindow template, rather than having to listen for the click event.