popupTemplate in Higher version(4.26) Arcgis api for js miss part of attributes like style or "onclick" event

jerry_liuyu — Fri, 09 Jun 2023 03:15:57 GMT

Higher version(4.26) Arcgis api for js miss part of attributes like style or "onclick" event.

There are two identical files except for the version of Arcgis api for js，one is 4.26,the other is 4.10.

Strangely, higher version file may lose some attributes.

Has anyone encountered this situation or known the reasons and solutions？

Here is the code and change the version4.10 to 4.26 to get two files:

<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport"
content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<title>
Intro to PopupTemplate | Sample | ArcGIS Maps SDK for JavaScript 4.10
</title>

// Create the MapView
const view = new MapView({
container: "viewDiv",
map: map,
center: [-73.95, 40.702],
zoom: 10
});

view.ui.add(new Legend({ view: view }), "bottom-left");

/*************************************************************
* The PopupTemplate content is the text that appears inside the
* popup. {fieldName} can be used to reference the value of an
* attribute of the selected feature. HTML elements can be used
* to provide structure and styles within the content. The
* fieldInfos property is an array of objects (each object representing
* a field) that is use to format number fields and customize field
* aliases in the popup and legend.
**************************************************************/

//const template = {
// // autocasts as new PopupTemplate()
// title: "{NAME} in {COUNTY}",
// content: [
// {
// // It is also possible to set the fieldInfos outside of the content
// // directly in the popupTemplate. If no fieldInfos is specifically set
// // in the content, it defaults to whatever may be set within the popupTemplate.
// type: "fields",
// fieldInfos: [
// {
// fieldName: "B12001_calc_pctMarriedE",
// label: "Married %"
// },
// {
// fieldName: "B12001_calc_numMarriedE",
// label: "People Married",
// format: {
// digitSeparator: true,
// places: 0
// }
// },
// {
// fieldName: "B12001_calc_numNeverE",
// label: "People that Never Married",
// format: {
// digitSeparator: true,
// places: 0
// }
// },
// {
// fieldName: "B12001_calc_numDivorcedE",
// label: "People Divorced",
// format: {
// digitSeparator: true,
// places: 0
// }
// }
// ]
// }
// ]
//};

// Reference the popupTemplate instance in the
// popupTemplate property of FeatureLayer
const featureLayer = new FeatureLayer({
url: "https://services.arcgis.com/P3ePLMYs2RVChkJx/arcgis/rest/services/ACS_Marital_Status_Boundaries/FeatureServer/2",
popupTemplate: template
});
map.add(featureLayer);
});
</script>
</head>

Re: popupTemplate in Higher version(4.26) Arcgis api for js miss part of attributes like style or "onclick" event

ReneRubalcava — Fri, 09 Jun 2023 16:58:12 GMT

Adding some HTML tags directly in the content will be sanitized, like links or click events. You can work around this in your app a couple of ways, like returning a function in the content or using CustomContent.

https://www.esri.com/arcgis-blog/products/js-api-arcgis/mapping/using-html-with-popups-in-the-arcgis-api-for-javascript/

https://developers.arcgis.com/javascript/latest/sample-code/popup-customcontent/

https://odoe.net/blog/custom-popup-content

Re: popupTemplate in Higher version(4.26) Arcgis api for js miss part of attributes like style or "onclick" event

JoelBennett — Fri, 09 Jun 2023 17:34:38 GMT

topic Re: popupTemplate in Higher version(4.26) Arcgis api for js miss part of attributes like style or "onclick" event in ArcGIS JavaScript Maps SDK Questions

popupTemplate in Higher version(4.26) Arcgis api for js miss part of attributes like style or "onclick" event

Re: popupTemplate in Higher version(4.26) Arcgis api for js miss part of attributes like style or "onclick" event

Re: popupTemplate in Higher version(4.26) Arcgis api for js miss part of attributes like style or "onclick" event