There are a lot of threads that talk about returning the coded domain values descriptions while using a queryTask but from the few examples I have seen using the 4.x API, I can't get anything to work. My code is below if anyone could help me. I haven't really found any examples along the same lines as to what I am trying to do. //build query task var queryTask = new QueryTask ( { url : "https://services.arcgis.com/uHAHKfH1Z5ye1Oe0/arcgis/rest/services/misin_treatments_aquatic/FeatureServer/0" } ) ; //build query filter var query = new Query ( ) ; query . returnGeometry = true ; query . outSpatialReference = view . spatialReference ; //added for testing query . outFields = [ "*" ] ; //pass the url parameters. var urlObject = urlUtils . urlToObject ( window . location . href ) ; if ( urlObject . query ) { if ( urlObject . query . id ) { OID = urlObject . query . id ; } //set query based on the parameters var treatmentid = "OBJECTID = '" + OID + "'" ; query . where = treatmentid ; } // execute query, place graphic on map and zoom to graphic queryTask . execute ( query ) . then ( function ( result ) { console . log ( result . features ) ; view . graphics . removeAll ( ) ; view . popup . close ( ) ; var resultFeatures = result . features ; resultFeatures . map ( function ( gra ) { gra . symbol = sym ; view . graphics . add ( gra ) ; gra . popupTemplate = popupTemplate ; // Provide graphic to a new instance of a Feature widget const feature = new Feature ( { container : "attributes" , graphic : gra , map : view . map , spatialReference : view . spatialReference } ) ; var AOI = result . features ; view . goTo ( AOI ) ; } ) ; } ) ;

nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

JS API 4.16 Coded Domain Values with QueryTask

luckachi

There are a lot of threads that talk about returning the coded domain values descriptions while using a queryTask but from the few examples I have seen using the 4.x API, I can't get anything to work. My code is below if anyone could help me. I haven't really found any examples along the same lines as to what I am trying to do.

<SPAN class="comment token">//build query task</SPAN>
    <SPAN class="keyword token">var</SPAN> queryTask <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">QueryTask</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
      url<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"https://services.arcgis.com/uHAHKfH1Z5ye1Oe0/arcgis/rest/services/misin_treatments_aquatic/FeatureServer/0"</SPAN>
      <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>

    <SPAN class="comment token">//build query filter</SPAN>
    <SPAN class="keyword token">var</SPAN> query <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Query</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
    query<SPAN class="punctuation token">.</SPAN>returnGeometry <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">true</SPAN><SPAN class="punctuation token">;</SPAN>
    query<SPAN class="punctuation token">.</SPAN>outSpatialReference <SPAN class="operator token">=</SPAN> view<SPAN class="punctuation token">.</SPAN>spatialReference<SPAN class="punctuation token">;</SPAN> <SPAN class="comment token">//added for testing</SPAN>
    query<SPAN class="punctuation token">.</SPAN>outFields <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="string token">"*"</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">;</SPAN>


    <SPAN class="comment token">//pass the url parameters.</SPAN>
    <SPAN class="keyword token">var</SPAN> urlObject <SPAN class="operator token">=</SPAN> urlUtils<SPAN class="punctuation token">.</SPAN><SPAN class="token function">urlToObject</SPAN><SPAN class="punctuation token">(</SPAN>window<SPAN class="punctuation token">.</SPAN>location<SPAN class="punctuation token">.</SPAN>href<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
    <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>urlObject<SPAN class="punctuation token">.</SPAN>query<SPAN class="punctuation token">)</SPAN>
    <SPAN class="punctuation token">{</SPAN>
      <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>urlObject<SPAN class="punctuation token">.</SPAN>query<SPAN class="punctuation token">.</SPAN>id<SPAN class="punctuation token">)</SPAN>
      <SPAN class="punctuation token">{</SPAN> OID <SPAN class="operator token">=</SPAN> urlObject<SPAN class="punctuation token">.</SPAN>query<SPAN class="punctuation token">.</SPAN>id<SPAN class="punctuation token">;</SPAN> <SPAN class="punctuation token">}</SPAN>

    <SPAN class="comment token">//set query based on the parameters</SPAN>

    <SPAN class="keyword token">var</SPAN> treatmentid <SPAN class="operator token">=</SPAN> <SPAN class="string token">"OBJECTID = '"</SPAN> <SPAN class="operator token">+</SPAN> OID <SPAN class="operator token">+</SPAN> <SPAN class="string token">"'"</SPAN><SPAN class="punctuation token">;</SPAN>
    query<SPAN class="punctuation token">.</SPAN>where <SPAN class="operator token">=</SPAN> treatmentid<SPAN class="punctuation token">;</SPAN>
    <SPAN class="punctuation token">}</SPAN>

  <SPAN class="comment token">// execute query, place graphic on map and zoom to graphic</SPAN>
      queryTask<SPAN class="punctuation token">.</SPAN><SPAN class="token function">execute</SPAN><SPAN class="punctuation token">(</SPAN>query<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">then</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>result<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
         console<SPAN class="punctuation token">.</SPAN><SPAN class="token function">log</SPAN><SPAN class="punctuation token">(</SPAN>result<SPAN class="punctuation token">.</SPAN>features<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
         view<SPAN class="punctuation token">.</SPAN>graphics<SPAN class="punctuation token">.</SPAN><SPAN class="token function">removeAll</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
         view<SPAN class="punctuation token">.</SPAN>popup<SPAN class="punctuation token">.</SPAN><SPAN class="token function">close</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>

         <SPAN class="keyword token">var</SPAN> resultFeatures <SPAN class="operator token">=</SPAN> result<SPAN class="punctuation token">.</SPAN>features<SPAN class="punctuation token">;</SPAN>
         resultFeatures<SPAN class="punctuation token">.</SPAN><SPAN class="token function">map</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>gra<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
           gra<SPAN class="punctuation token">.</SPAN>symbol <SPAN class="operator token">=</SPAN> sym<SPAN class="punctuation token">;</SPAN>
           view<SPAN class="punctuation token">.</SPAN>graphics<SPAN class="punctuation token">.</SPAN><SPAN class="token function">add</SPAN><SPAN class="punctuation token">(</SPAN>gra<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
           gra<SPAN class="punctuation token">.</SPAN>popupTemplate <SPAN class="operator token">=</SPAN> popupTemplate<SPAN class="punctuation token">;</SPAN>

           <SPAN class="comment token">// Provide graphic to a new instance of a Feature widget</SPAN>
         <SPAN class="keyword token">const</SPAN> feature <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Feature</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
           container<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"attributes"</SPAN><SPAN class="punctuation token">,</SPAN>
           graphic<SPAN class="punctuation token">:</SPAN> gra<SPAN class="punctuation token">,</SPAN>
           map<SPAN class="punctuation token">:</SPAN> view<SPAN class="punctuation token">.</SPAN>map<SPAN class="punctuation token">,</SPAN>
           spatialReference<SPAN class="punctuation token">:</SPAN> view<SPAN class="punctuation token">.</SPAN>spatialReference
         <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>

         <SPAN class="keyword token">var</SPAN> AOI <SPAN class="operator token">=</SPAN> result<SPAN class="punctuation token">.</SPAN>features<SPAN class="punctuation token">;</SPAN>
         view<SPAN class="punctuation token">.</SPAN><SPAN class="token function">goTo</SPAN><SPAN class="punctuation token">(</SPAN>AOI<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
       <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
     <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Encuentra más publicaciones etiquetadas con

Accepted answers

Ajbooter

Claire,

Below is a complete working htm document that you can use to create a file *.htm. This will output a domain value to the console of the web browser when you load it to a browser and click the button. I hope this helps so you can see the code work for yourself.

<!DOCTYPE html>

<html>

<head>

<title>

Intro to FeatureLayer | Sample | ArcGIS API for JavaScript 4.16

</title>

<style>

html,

body,

#viewDiv {

padding: 0;

margin: 0;

height: 100%;

width: 100%;

}

#paneDiv {

position: absolute;

bottom: 40px;

width: 100%;

text-align: center;

background-color: transparent;

color: white;

}

.esri-button-overwrite {

width: auto;

display: table-cell;

margin: 4px;

background-color: white;

color: #0079c1;

}

</style>

require([

"esri/Map",

"esri/views/MapView",

"esri/layers/FeatureLayer"

], function (Map, MapView, FeatureLayer) {

var map = new Map({

basemap: "streets"

});

var view = new MapView({

container: "viewDiv",

map: map,

extent: {

// autocasts as new Extent()

xmin: -9177811,

ymin: 4247000,

xmax: -9176791,

ymax: 4247784,

spatialReference: 102100

}

});

/********************

* Add feature layer

********************/

var featureLayer = new FeatureLayer({

url: "https://services.arcgis.com/uHAHKfH1Z5ye1Oe0/ArcGIS/rest/services/MISIN_Browse_Data/FeatureServer/0"

});

map.add(featureLayer);

var buttons = document.querySelectorAll("button");

for (var i = 0, button = null;

(button = buttons); i++) {

button.addEventListener("click", onClick);

}

/********************

* onClick

********************/

function onClick(event) {

var fieldNameTest = "OB_DENSITY";

var fieldDomainCode = "1";

var testReturn = GetCodedValueAndAlias(featureLayer, fieldNameTest, fieldDomainCode);

console.log("Field alias for field name " + fieldNameTest + " = " + testReturn[0]);

console.log("Field daomain value for code value " + fieldDomainCode + " = " + testReturn[1]);

}

/********************

* GetCodedValueAndAlias

********************/

function GetCodedValueAndAlias(layer, fieldName, fieldValue) {

var returnValue = [fieldName, fieldValue];

layer.fields.forEach(function (fld) {

if (fld.name === fieldName) {

returnValue[0] = fld.alias;

cDomain = fld.domain;

fieldType = fld.type;

if (cDomain)

cDomain.codedValues.forEach(function (cVal) {

if (cVal.code === fieldValue)

returnValue[1] = cVal.name;

});

}

});

return returnValue;

}

});

</script>

</head>

<body>

<button class="esri-button esri-button-overwrite">Run Coded Value Function</button>

</div>

</body>

</html>

All comments

Ajbooter

Cool

luckachi

Aaron Booterbaugh‌ - thanks again for your help with this. I ended up modifying my code a bit and changing it to a query on a feature layer versus a queryTask. This change returned the domain values in my popup!

luckachi

Aaron Booterbaugh‌ I modified my last reply because I was able to get the function to execute as soon as the map loads.

The primary goal is we have the web app, a user can click on a feature and then clicks on a link within the feature's popup that would bring them to this map page - it only shows the selected feature and a few selected attributes in a popuptemplate off to the side. There are two fields that use domain values and those would change based on the feature that is returned by the queryTask. Below is an image of the finished map page and Chemical Used & Weather Conditions are the two fields that have coded domain values (chemical used as 40+ different domains).

Ajbooter

Claire,

I would not be able to say. I would need to understand the goal of what you are trying to do. Are you trying to change the values in a popup that shows a single feature? Or are you trying to change the values of an entire table view of values? The sample I gave just works on fields that you know have domains or Subtype Codes. It would fail on date type fields if passed in.

luckachi

Aaron Booterbaugh‌ That worked! Thank you so, so much.

Now I am wondering, seeing that the domain code is hard coded - how would it handle returning the domain value based on the feature that the query task brings back? It would change depending on which feature is selected.

Ajbooter

Claire,

A subtype code value is not a string but an integer. Remove the quotes...

function onClick(event) {

var fieldNameTest = "OB_DENSITY";

var fieldDomainCode = "1";

var testReturn = GetCodedValueAndAlias(featureLayer, fieldNameTest, fieldDomainCode);

console.log("Field alias for field name " + fieldNameTest + " = " + testReturn[0]);

console.log("Field daomain value for code value " + fieldDomainCode + " = " + testReturn[1]);

fieldNameTest = "KINGDOM";

fieldSubTypeCode = 1;

testReturn = GetSubtypeCodeValuesAndAlias(featureLayer, fieldNameTest, fieldSubTypeCode);

console.log("Field alias for field name " + fieldNameTest + " = " + testReturn[0]);

console.log("Field subtype value for code value " + fieldSubTypeCode + " = " + testReturn[1]);

}

luckachi

Aaron Booterbaugh‌ - I switched it to the feature service that is being used for this project, modified the field name and it doesn't seem to work. It does look like maybe the JSON is a bit different because the service in the example uses subtypes. I wonder if this has something to do with the feature layer not being public?

luckachi

Aaron Booterbaugh‌ - this is INCREDIBLY helpful - thank you for your time and your help with this. I truly appreciate it.

Ajbooter

Claire,

<!DOCTYPE html>

<html>

<head>

<title>

Intro to FeatureLayer | Sample | ArcGIS API for JavaScript 4.16

</title>

<style>

html,

body,

#viewDiv {

padding: 0;

margin: 0;

height: 100%;

width: 100%;

}

#paneDiv {

position: absolute;

bottom: 40px;

width: 100%;

text-align: center;

background-color: transparent;

color: white;

}

.esri-button-overwrite {

width: auto;

display: table-cell;

margin: 4px;

background-color: white;

color: #0079c1;

}

</style>

require([

"esri/Map",

"esri/views/MapView",

"esri/layers/FeatureLayer"

], function (Map, MapView, FeatureLayer) {

var map = new Map({

basemap: "streets"

});

var view = new MapView({

container: "viewDiv",

map: map,

extent: {

// autocasts as new Extent()

xmin: -9177811,

ymin: 4247000,

xmax: -9176791,

ymax: 4247784,

spatialReference: 102100

}

});

/********************

* Add feature layer

********************/

var featureLayer = new FeatureLayer({

url: "https://services.arcgis.com/uHAHKfH1Z5ye1Oe0/ArcGIS/rest/services/MISIN_Browse_Data/FeatureServer/0"

});

map.add(featureLayer);

var buttons = document.querySelectorAll("button");

for (var i = 0, button = null;

(button = buttons); i++) {

button.addEventListener("click", onClick);

}

/********************

* onClick

********************/

function onClick(event) {

var fieldNameTest = "OB_DENSITY";

var fieldDomainCode = "1";

var testReturn = GetCodedValueAndAlias(featureLayer, fieldNameTest, fieldDomainCode);

console.log("Field alias for field name " + fieldNameTest + " = " + testReturn[0]);

console.log("Field daomain value for code value " + fieldDomainCode + " = " + testReturn[1]);

}

/********************

* GetCodedValueAndAlias

********************/

function GetCodedValueAndAlias(layer, fieldName, fieldValue) {

var returnValue = [fieldName, fieldValue];

layer.fields.forEach(function (fld) {

if (fld.name === fieldName) {

returnValue[0] = fld.alias;

cDomain = fld.domain;

fieldType = fld.type;

if (cDomain)

cDomain.codedValues.forEach(function (cVal) {

if (cVal.code === fieldValue)

returnValue[1] = cVal.name;

});

}

});

return returnValue;

}

});

</script>

</head>

<body>

<button class="esri-button esri-button-overwrite">Run Coded Value Function</button>

</div>

</body>

</html>

luckachi

Hi Aaron Booterbaugh‌ Thank you for this information - I believe I have seen a similar snippet before but I was unsure where this should be included so I was unable to get it to work correctly. I'm still a bit of a novice when it comes to JavaScript so it is taking me a bit longer to make sense of the code and wrap my head around it. I am assuming that nothing in this snippet needs to be modified and I keep it as is?

With the CodedValueDomain, is this a property of a Feature Layer or is this it's "own thing" like :

<SPAN class="keyword token">var</SPAN> feature <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">FeatureLayer</SPAN>‍ <SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN>

Ajbooter

Claire,

After more thought here is an easy way of getting the dmain values... This does a little more than asked...

function GetCodedValueAndAlias(layer, fieldName, fieldValue) {

var returnValue = [fieldName, fieldValue];

dojo.forEach(layer.fields, function (fld) {

if (fld.name === fieldName) {

returnValue[0] = fld.alias;

cDomain = fld.domain;

fieldType = fld.type;

if (fieldType === "esriFieldTypeDate" && fieldValue != null) {

var date = new Date(fieldValue);

console.log('The epoch date field value is : ' + fieldValue)

fieldValue = date.toString();

console.log('The date field value is : ' + fieldValue)

returnValue[1] = fieldValue;

}

if (cDomain)

dojo.forEach(cDomain.codedValues, function (cVal) {

if (cVal.code === fieldValue)

returnValue[1] = cVal.name;

});

}

});

return returnValue;

}

Ajbooter

Claire,

You will have to use the CodedValueDomain | ArcGIS API for JavaScript 4.16 in order to get at the values.

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.