topic Re: Related table field in a popupTemplate function? in ArcGIS JavaScript Maps SDK Questions

Related table field in a popupTemplate function?

JayHill — Sat, 11 Dec 2021 16:46:25 GMT

I cannot figure out how to call the related field using this function to populate the content of the popup. I have tried relationships/0/FieldName everywhere I thought it was necessary with no luck. I think I need to call fieldInfos within the content syntax, Correct?

            liquefactionPopup = function(value, key, data) {
                var content = "";

                if (key === "LQSHazardUnit") {
                    if (data.LQSHazardUnit) { 
                        content += "<span class='bold' title='Magnitude'><b>LQSHazardUnit: </b></span>" + data.LQSHazardUnit + "<br/>";
                    }
                }
                if (key === "LQSMappedScale") {
                    if (data.LQSMappedScale) { 
                        content += "<span class='bold' title='Longitude'><b>LQSMappedScale: </b></span>" + data.LQSMappedScale + "<br/>";
                    }
                }
}
                return content;
            }


            const liquefaction = new FeatureLayer({
                url: "https://services.arcgis.com/3",
                title: "Liquefaction Susceptibility",
                visible: false,
                outFields: ["*"],
                popupTemplate: {
                    title: "Liquefaction Susceptibility",
                    content: "{LQSHazardUnit:liquefactionPopup}{LQSMappedScale:liquefactionPopup}"
                },
            });‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Related table field in a popupTemplate function?

BirajaNayak — Thu, 21 Feb 2019 22:41:57 GMT

Hi Jay,

Yes, please include fieldinfos in popupTemplate.

You can go through the below sample "Create and use a popup template that references fields from a relationship" which may provide some help:

Thanks,

Biraja

Re: Related table field in a popupTemplate function?

JayHill — Thu, 21 Feb 2019 23:50:05 GMT

Biraja

Thanks for the reply! I forgot to mention I'm using 4.10. Also since I am using a function populate the content of the popupTemplate, are fieldInfos necessary?

Re: Related table field in a popupTemplate function?

irtizahussain — Fri, 22 Feb 2019 04:18:36 GMT

I was also looking for this but i think there is no solution available for this in 4.x yet, So i switched to 3.x and i found this.

Have a look ,it might be helpful for you.

Re: Related table field in a popupTemplate function?

RobertScheitlin__GISP — Fri, 22 Feb 2019 13:38:30 GMT

Jay,

Then this is the 4.x sample that shows you how t use relate fields in a popup:

https://developers.arcgis.com/javascript/latest/sample-code/sandbox/index.html?sample=popup-multipleelements

Re: Related table field in a popupTemplate function?

BirajaNayak — Fri, 22 Feb 2019 16:10:26 GMT

Hi Jay,

I have not used function for populating content. I can work on it and get back to you. As you have seen in the example both 3.x and 4.x , fieldinfos works for related table fields.

Thanks,

Biraja

Re: Related table field in a popupTemplate function?

JayHill — Mon, 25 Feb 2019 16:35:12 GMT

Robert and Biraja

I've been trying to use both related fields and attachments within my popupTemplate function following some of the syntax in that example. Nothing is working for me. Should I abandoned the popupTemplate function altogether and just use fieldInfos? Or am I missing how to use fieldInfos along with the function? I would really like to keep the function though for it checks for nulls and does some other custom html styling.

Re: Related table field in a popupTemplate function?

BirajaNayak — Tue, 26 Feb 2019 00:43:49 GMT

Hi Jay,

I tried to pass content using function ( Tested with my colleague Jose Banuelos) but can not read the values for related tables. You can log a case with Esri Support to look into more.

The below 4x sample using fieldinfos for related tables and attachment:

ArcGIS API for JavaScript Sandbox

Again, if you find issues after using above sample, then you can contact Esri Support Services to diagnose the issue more.

Thanks,

Biraja

Re: Related table field in a popupTemplate function?

JayHill — Sat, 11 Dec 2021 16:46:28 GMT

Biraja

Thanks

I have it working now by not passing the related data through the function. I call the function on the unrelated data in the text area of popupTemplate. See below.

                popupTemplate: {
                     title: "<b>{relationships/0/HazardName}</b>",
                     content: [{
                         type: "fields",
                         fieldInfos: [{
                            fieldName: "relationships/0/Description",
                            visible: false,
                            label: "Hazard Description"
                        }, {
                         fieldName: "relationships/0/HazardName",
                         visible: false,
                         label: "Hazard"
                        }]
                     },
                     {
                    type: "text",
                    text: "<b>Description: </b>{relationships/0/Description}<br>{LQSMappedScale:liquefactionPopup}"
                }]
                     }‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Related table field in a popupTemplate function?

BirajaNayak — Tue, 26 Feb 2019 17:13:15 GMT

Hi Jay,

That is what I observed during my testing. That is why I asked to contact Esri Support Services to work on it further or may be an enhancement for this behavior.

Thanks,

Biraja

Re: Related table field in a popupTemplate function?

JayHill — Tue, 20 Aug 2019 20:50:33 GMT

@yanncabon

@juliepowell