topic Re: Return all Fields in PopupTemplate in ArcGIS JavaScript Maps SDK Questions

Return all Fields in PopupTemplate

JoeJeurissen — Tue, 27 Sep 2011 20:30:21 GMT

Is there a way to return all the attributes for a PopupTemplate without declaring all of them in the fieldInfos object? For a InfoTemplate all you have to do is this to return every attribute.

var template=new esri.InfoTemplate("My Title","${*}");

I've tried a bunch of different ways and the closest I came up with is:

var template=new esri.dijit.PopupTemplate({
  title: result.layerName,
  fieldInfos: [{ fieldName: "*",visible: true}]
 });

The problem with that is there is only 1 returned key/value pair. The key is the asterisk and the single value is all of the results grouped together.

Re: Return all Fields in PopupTemplate

JeffPace — Wed, 24 Jul 2013 15:05:38 GMT

I know this is old, but did you ever find a solution to this? our function queries a variety of services and it is impossible to predefine a template

thanks

Re: Return all Fields in PopupTemplate

BenFousek — Sat, 11 Dec 2021 10:53:43 GMT

Jeff,
I use a function to return a simple table of attribute pairs. This also tests values against a URL regular expression.

//generic table of attribures
attributeTable: function (atts) {
  var table = '<table cellspacing="0" cellpadding="2" style="width:100%;">';
  for (var i in atts) {
    var value = atts;
    var exp = new RegExp(/(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/);
    if (exp.test(value)) {
      value = '<a href="' + atts + '" title="' + atts + '" target="_blank">Hyperlink</a>'
    }
    table += '<tr><td><b>' + i + '</b></td><td>' + value + '</td></tr>';
  }
  table += '</table>';
  return table
}

//generic use
app.utility.attributeTable(feat.attributes);

//used for content of infoWindow
it.setContent('<div style="font-size:9px;">' + app.utility.attributeTable(feat.attributes) + '</div>');


//use this one to do the same but also get field aliases for fields of a feature layer
featureAttributeTable: function (atts, feature) {
  var table = '<table cellspacing="0" cellpadding="2" style="width:100%;">';
  for (var i in atts) {
    var alias;
    dojo.forEach(feature.fields, function (field) {
      if (field.name === i) {
        alias = field.alias;
      }
    });
    var value = atts;
    var exp = new RegExp(/(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/);
    if (exp.test(value)) {
      value = '<a href="' + atts + '" title="' + atts + '" target="_blank">Hyperlink</a>'
    }
    table += '<tr><td><b>' + alias + '</b></td><td>' + value + '</td></tr>';
  }
  table += '</table>';
  return table
}

Re: Return all Fields in PopupTemplate

KellyHutchins — Sat, 11 Dec 2021 10:53:46 GMT

Jeff,

Here's an approach similar to what Ben is doing - basically it gets the field info from the layer and loops through to build the fieldInfos object.

        var featureLayer = new FeatureLayer("http://services.arcgis.com/V6ZHFr6zdgNZuVG0/arcgis/rest/services/Boston_Marathon/FeatureServer/0",{
          mode: FeatureLayer.MODE_ONDEMAND,
          outFields: ["*"]
        });
          
        featureLayer.on("load", function(){
          var fieldInfos = array.map(featureLayer.fields, function(field){
            return {
              "fieldName": field.name,
              "label": field.alias,
              "visible": true
            }
          });

          var template = new PopupTemplate({
            title: "Boston Marathon 2013",
            fieldInfos: fieldInfos
          });
          featureLayer.setInfoTemplate(template);
    
        });
   
        map.addLayer(featureLayer);

Re: Return all Fields in PopupTemplate

JasonZou — Fri, 26 Jul 2013 15:05:03 GMT

ESRI should provide an easy way to allow display all the fields in the popup template, like if fieldInfos not provided, all the fields will be displayed. Anyway, before ESRI has a solution, we have to come up with one ourselves. Here is the one I am using. The whole idea is to request the layer info first. Then populate fieldInfos with the layer fields returned. This way, you need to hard code the fields for each layer. Hope it helps.

    var layerUrl = "http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/TaxParcel/TaxParcelQuery/MapServer/0";
    var layerInfoRequest = esri.request({
         url: layerUrl,
         content: { f: "json" },
         handleAs: "json",
         callbackParamName: "callback"
    });
    layerInfoRequest.then(function(response) {
         var fieldInfos = array.map(response.fields, function(aField) {
              return {
                   fieldName: aField.name,
                   label: aField.alias,
                   visible: true
              };
         });
         infoTemplate = new esri.dijit.PopupTemplate({
              title: response.name,
              fieldInfos: fieldInfos
         });
         console.log("Success: ", response.layers);
    }, function(error) {
         console.log("Error: ", error.message);
    });

Re: Return all Fields in PopupTemplate

KellyHutchins — Sat, 11 Dec 2021 10:53:48 GMT

If you just want to display all the fields along with the title you can use an InfoTemplate with a popup window. Just define the info template as follows:

var infoTemplate = new esri.InfoTemplate("Title Here", "${*}");

Re: Return all Fields in PopupTemplate

JasonZou — Mon, 29 Jul 2013 12:37:20 GMT

Does ${*} apply to PopupTemplate as well?

Re: Return all Fields in PopupTemplate

TobiasBrühlmeier1 — Fri, 12 Feb 2016 10:54:24 GMT

Same question: Does ${*} apply to PopupTemplate as well?

Re: Return all Fields in PopupTemplate

RobertScheitlin__GISP — Sat, 11 Dec 2021 10:53:51 GMT

Tobias,

Sure here is an example:

var template = new PopupTemplate({
    title: "Boston Marathon 2013",
    description: "{*}"
});

Re: Return all Fields in PopupTemplate

Fui_FangThong — Sat, 11 Dec 2021 10:53:54 GMT

I tried with "{*}" and "${*}" but the feature service layer won't load. Not sure what is missing or wrong. Please advise.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
  <title>Intro to PopupTemplate - 4.8</title>

  <style>
    html,
    body,
    #viewDiv {
      padding: 0;
      margin: 0;
      height: 100%;
      width: 100%;
    }
  </style>

  <link rel="stylesheet" href="https://js.arcgis.com/4.8/esri/css/main.css">
  <script src="https://js.arcgis.com/4.8/"></script>

  <script>
    require([
      "esri/Map",
      "esri/PopupTemplate",   
      "esri/layers/FeatureLayer",
      "esri/views/MapView",
      "dojo/domReady!"
    ], function(
      Map,
      PopupTemplate,
      FeatureLayer,
      MapView
    ) {

      // Create the map
      var map = new Map({
        basemap: "gray"
      });

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

      var featureLayer = new FeatureLayer({
        url: "https://services.arcgis.com/V6ZHFr6zdgNZuVG0/ArcGIS/rest/services/NYCDemographics1/FeatureServer/0",
        outFields: ["*"],
        popupTemplate: template
      });
      
      featureLayer.on("load", function(){  
          var fieldInfos = array.map(featureLayer.fields, function(field){  
            return {  
              "fieldName": field.name,  
              "label": field.alias,  
              "visible": true  
            }  
          });  
  
        var template = new PopupTemplate({  
          title:"Marriage in NY, Zip Code: {ZIP}", 
          description: "{*}"  
          });  
        featureLayer.setInfoTemplate(template); 
          
        });  
        map.addLayer(featureLayer);  
        
    });
  </script>
</head>
<body>
  <div id="viewDiv"></div>
</body>

</html>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Return all Fields in PopupTemplate

RobertScheitlin__GISP — Sat, 11 Dec 2021 10:53:57 GMT

Fui,

Sorry for the confusion. The PopupTemplate in 4.x does not have a description property it has a content property

So it would be:

var template = new PopupTemplate({  
          title:"Marriage in NY, Zip Code: {ZIP}", 
          content: "{*}"  
          });

Re: Return all Fields in PopupTemplate

Fui_FangThong — Sat, 11 Dec 2021 10:54:00 GMT

I tried with the sandbox and it works without the loop. Thank you so much Robert!

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
  <title>Intro to PopupTemplate - 4.8</title>

  <style>
    html,
    body,
    #viewDiv {
      padding: 0;
      margin: 0;
      height: 100%;
      width: 100%;
    }
  </style>

  <link rel="stylesheet" href="https://js.arcgis.com/4.8/esri/css/main.css">
  <script src="https://js.arcgis.com/4.8/"></script>

  <script>
    require([
      "esri/Map",
      "esri/PopupTemplate",
      "esri/layers/FeatureLayer",
      "esri/views/MapView",
      "dojo/domReady!"
    ], function(
      Map,
      PopupTemplate,
      FeatureLayer,
      MapView
    ) {

      // Create the map
      var map = new Map({
        basemap: "gray"
      });

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

      var template = { // autocasts as new PopupTemplate()
        title: "Marriage in NY, Zip Code: {ZIP}",
        content: "{*}"  
      };

      // Reference the popupTemplate instance in the
      // popupTemplate property of FeatureLayer
      var featureLayer = new FeatureLayer({
        url: "https://services.arcgis.com/V6ZHFr6zdgNZuVG0/ArcGIS/rest/services/NYCDemographics1/FeatureServer/0",
        outFields: ["*"],
        popupTemplate: template
      });
      map.add(featureLayer);
    });
  </script>
</head>

<body>
  <div id="viewDiv"></div>
</body>

</html>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Return all Fields in PopupTemplate

JulienREME — Fri, 21 Aug 2020 14:18:52 GMT

Sorry to ask you this late after you last answer, any idea why this doesnt work on 4.16 ?

Thanks,

Re: Return all Fields in PopupTemplate

KevinMacLeod3 — Wed, 26 Aug 2020 00:24:56 GMT

Julien REME‌ this is not implemented in the 4.x API. It was taken out at 4.12. I can confirm it is not present in 4.17 either which is coming in the fall. Hopefully it will return for 4.18 or 4.19. For now, you have to implement this yourself such as with code in these comments.

https://community.esri.com/thread/246593-js-414-mapimagelayer-sublayers-default-popup-template#comment-945798

https://community.esri.com/thread/239435-412-popup-changes-why-and-what-now#comment-943951

Re: Return all Fields in PopupTemplate

PierreMasson — Tue, 19 Nov 2024 15:42:51 GMT

outFields: ["*"]

That solve my problem, thank you!