Subtypes have to be handle a little differently. Here is a new file that does both. This is method is not documented in the ESRI API but this has worked for years. ESRI API has so much more than they document. This is a fully working app so you can see it on the console.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<title>
Intro to FeatureLayer | Sample | ArcGIS API for JavaScript 4.16
</title>
<link rel="stylesheet" href="https://js.arcgis.com/4.16/esri/themes/light/main.css" />
<script src="https://js.arcgis.com/4.16/"></script>
<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>
<script>
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]);
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]);
}
/********************
* 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;
if (cDomain)
cDomain.codedValues.forEach(function (cVal) {
if (cVal.code === fieldValue)
returnValue[1] = cVal.name;
});
}
});
return returnValue;
}
/********************
* GetCodedValueAndAlias
********************/
function GetSubtypeCodeValuesAndAlias(layer,fieldName,fieldValue) {
var returnValue = [fieldName, fieldValue];
layer.sourceJSON.fields.forEach(function (fld) {
if (fld.name === fieldName) {
returnValue[0] = fld.alias;
cSubtypes = layer.sourceJSON.subtypes;
if (cSubtypes)
cSubtypes.forEach(function (cVal) {
if (cVal.code === fieldValue)
returnValue[1] = cVal.name;
});
}
});
return returnValue;
}
});
</script>
</head>
<body>
<div id="viewDiv"></div>
<div id="paneDiv" class="esri-widget">
<button class="esri-button esri-button-overwrite">Run Coded Value Function</button>
</div>
</body>
</html>
