topic Re: Custom Info template window in ArcGIS JavaScript Maps SDK Questions

Custom Info template window

KushendraShah1 — Mon, 01 Feb 2016 18:01:08 GMT

I have an issue with info template window. I used set content method to display calculated value by geometry engine service. It works fine for displaying calculated value but cannot join other fields information. Here is my code:

var template = new esri.InfoTemplate();

template.setTitle("Cooperator: ${Cooperator}");

template.setContent("PropertyName: ${PropertyName} "); // this cannot be displayed

template.setContent(getTextContent);

var layer = new FeatureLayer("URL", {

infoTemplate: template,

outFields: ["*"],

opacity: 0.5

});

// convert squarefeet to acre

function getTextContent(value) {

var sqft = geometryEngine.geodesicArea(value.geometry, "square-feet");

var squarefeet = number.format(sqft, { places: 1 });

var acres = number.format(sqft / 43560, { places: 0 });

return "Acres :" + acres ;

};

map.addLayers([layer]);

Re: Custom Info template window

TracySchloss — Mon, 01 Feb 2016 19:39:50 GMT

You'll need to create your entire formatted string within your function.

function setContent(value) {

var formatString = "Property Name: + value.attributes.PropertyName +" "

var sqft = geometryEngine.geodesicArea(value.geometry, "square-feet");

var squarefeet = number.format(sqft, { places: 1 });

var acres = number.format(sqft / 43560, { places: 0 });

formatString += "Acres: " + acres;

return formatString;

}

Re: Custom Info template window

KushendraShah1 — Mon, 01 Feb 2016 20:22:34 GMT

Tracy, Thanks for the information. Unfortunately, it didn't work. It returns all the field string except the calculation. I think that calculation didn't executed when we call the function. Please check here;

var template = new esri.InfoTemplate();

template.setTitle("Cooperator: ${Cooperator}");

template.setContent;

function setContent(value){

var formatString = "Property Name: + value.attributes.PropertyName + ";

var sqft = geometryEngine.geodesicArea(value.geometry, "square-feet");

var squarefeet = number.format(sqft, { places: 1 });

var acres = number.format(sqft / 43560, { places: 0 });

formatString += "acres: " + acres;

return formatString;

}

Re: Custom Info template window

TracySchloss — Mon, 01 Feb 2016 20:29:45 GMT

When you define your infoTemplate content with a function, you have to pass it the name of your function. it should be:

template.setContent(setContent)

OR whatever you have called your function. I name my function something else to avoid confusion.

If you're not sure of your calculation, set some breakpoints within that function and make sure you have a value. If you're not getting a value for sqft, then yes you're likely to have problems with what the function is returning. There are a variety of reasons why this might not return the right output, including failing to define geometryEngine somewhere higher up in your code.

Re: Custom Info template window

TracySchloss — Mon, 01 Feb 2016 20:50:43 GMT

You must also define number. Once I added 'esri/geometry/geometryEngine', and 'dojo/number' along with their properly placed variables, your formatting function worked for me.

Re: Custom Info template window

KushendraShah1 — Mon, 01 Feb 2016 21:00:55 GMT

Tracy, you are right! I am glad that works now. Thank you so much for the help. Appreciated!

var PropertyString = value.attributes.PropertyName;

var formatString = "Property Name: " + PropertyString

var sqft = geometryEngine.geodesicArea(value.geometry, "square-feet");

var squarefeet = number.format(sqft, { places: 1 });

var acres = number.format(sqft / 43560, { places: 0 });

formatString += " Acres: " + acres;

return formatString;