topic Re: don't show null attribute values in featureLayer popup with javascript api in ArcGIS JavaScript Maps SDK Questions

don't show null attribute values in featureLayer popup with javascript api

MikeBell — Fri, 29 May 2015 14:59:25 GMT

Hi,

I'm just creating a simple map to display one point dataset. When the user clicks on a point I want a popup to display, some of the attribute fields contain null values and ideally I don't want these fields to be included in the popup if the value of the attribute is null. I've tried to find the answer to this question and have come across a solution when using data coming from a queryTaskLayer but I'm looking to do this on a featureLayer. Any suggestions on how to do this with a featureLayer?

Cheers,

Mike

Re: don't show null attribute values in featureLayer popup with javascript api

thejuskambi — Fri, 29 May 2015 15:13:54 GMT

FeatureLayer has a infoTemplate property and you can use it to change the content. Check out this example

Format info window content | ArcGIS API for JavaScript

Re: don't show null attribute values in featureLayer popup with javascript api

MikeBell — Wed, 03 Jun 2015 14:14:15 GMT

Hi,

Thanks for your reply. Yeah I originally had created a new PopupTemplate like this:

var asTemplate = new PopupTemplate({title: ""});

asTemplate.setContent("${Agency} " + "${Address_1}, ${Address_2}, ${Town}, ${Postcode} " + "${Telephone} "

+ "Area covered: ${Area_covered} " + "<a href=${Website} target = _blank>${Website}</a>");

But some of the features have null values on certain attributes so I tried to hide them by doing this:

var content = "";

if(${Address_2}){

content += ", " + ${Address_2};

}

if(${Town}){

content += ", ${Town}";

}

if(${Postcode}){

content += ", ${Postcode}";

}

if(${Telephone}){

content += ", ${Telephone}";

}

if(${Website}){

content += " <a href=${Website} target = _blank>${Website}</a>";

}

if(${Area_covered}){

content += " Area covered: ${Area_covered}";

}

if(${Advice}){

content += " ${Advice}";

}

if(${Information}){

content += " ${Information}";

}

if(${Provider}){

content += " ${Provider}";

}

asTemplate.setContent("${Agency} " + "${Address_1}, ",content);

But it looks like referencing the attributes with curly brackets interferes with the if statement so that doesn't work. Any suggestions on how to get around this?

Re: don't show null attribute values in featureLayer popup with javascript api

TracySchloss — Wed, 03 Jun 2015 16:00:28 GMT

You need to create a function and set it as your infoContent. I'm not using a popupTemplate, I'm using an infoTemplate, but it should be the same concept.

var infoTemplate = new InfoTemplate();

infoTemplate.setContent(generateInfoContent);

//creates string for info tag

function generateInfoContent(graphic){

var formatString = "";

var disclaimerTest = graphic.attributes.HOURS_OF_OPERATION_DISCLAIMER;

var adaTest = graphic.attributes.ADA_ACCESS;

var idTest = graphic.attributes.ID_REQUIRED;

//these fields always have data, so start with a string that contains them and then append the others only when they have values.

formatString = ""+graphic.attributes.FACILITY +" " +graphic.attributes.ADDRESS+" "

+ graphic.attributes.CITY+", " + graphic.attributes.STATE + ""

+ "Phone: " + graphic.attributes.PHONE + " "

+ "Hours: " + graphic.attributes.HOURS_OF_OPERATION;

if (disclaimerTest){

formatString += " " + graphic.attributes.HOURS_OF_OPERATION_DISCLAIMER;

}

if (idTest && idTest !== 'UNK' ) {

formatString += " ID Required?: " + graphic.attributes.ID_REQUIRED;

}

if (adaTest && adaTest !== 'UNK' ) {

formatString += " ADA access?: " + graphic.attributes.ADA_ACCESS

}

return formatString;

}

Re: don't show null attribute values in featureLayer popup with javascript api

MikeBell — Thu, 04 Jun 2015 09:48:17 GMT

Thanks Tracy, that has worked a treat.

Cheers,

Mike