Brady, I can't recall if this is the exact one that was working for me but it is the jest of it. When the infoTemplate s called it references getTextContent that populates the window from the related table query.
<script src="http://js.arcgis.com/3.8/"></script>
<script>
require([
"esri/map",
"esri/dijit/Popup",
"esri/dijit/PopupTemplate",
"esri/layers/FeatureLayer",
"esri/symbols/SimpleMarkerSymbol",
"esri/layers/ArcGISDynamicMapServiceLayer",
"esri/tasks/query", "esri/tasks/QueryTask",
"esri/tasks/FindParameters","esri/tasks/FindTask",
"dojo/dom-class",
"dojo/dom-construct",
"dijit/layout/ContentPane",
"dojo/on",
"dojox/charting/Chart",
"dojox/charting/themes/Dollar",
"dojo/domReady!"
], function(
Map,
Popup,
PopupTemplate,
FeatureLayer,
SimpleMarkerSymbol,
Dynamic,
Query,QueryTask,
FindParameters,FindTask,
domClass,
domConstruct,
ContentPane,
on,
Chart,
theme
){
//The popup is the default info window so you only need to create the popup and
//assign it to the map if you want to change default properties. Here we are
//noting that the specified title content should display in the header bar
var popup = Popup({
titleInBody: false
},domConstruct.create("div"));
var map = new Map("map", {
basemap: "satellite",
center: [-88.595, 38.937],
zoom: 11,
infoWindow: popup
});
//define the popup content using a popup template
//a custom chart theme (dollar) is specified. Note that you'll have to load
//then theme first
var template = new esri.InfoTemplate();
template.setTitle("Billing");
//template.setContent("hello");
template.setContent(getTextContent);
var imageParams = new esri.layers.ImageParameters();
imageParams.layerIds = [0,1,2,3,4,5,6,7,8,9];
imageParams.layerOption = esri.layers.ImageParameters.LAYER_OPTION_SHOW;
var dynamicMapServiceLayer = new esri.layers.ArcGISDynamicMapServiceLayer("Map service layer", {imageParameters:imageParams});
map.addLayer(dynamicMapServiceLayer);
var selectionSymbol = new esri.symbol.SimpleMarkerSymbol().setColor("red");
wellFeatureLayer = new esri.layers.FeatureLayer("feature layer", {
mode: esri.layers.FeatureLayer.MODE_SELECTION,
//infoTemplate: new esri.InfoTemplate("Well Well: ${OBJECTID_1}","${OBJECTID_1}")
infoTemplate: template
});
map.addLayers([dynamicMapServiceLayer]);
dojo.connect(wellFeatureLayer, "onSelectionComplete", findRelatedRecords);
map.addLayer(wellFeatureLayer);
dojo.connect(map, "onClick", findWells);
dojo.addClass(map.infoWindow.domNode, "myTheme");
function getTextContent(graphic){
return "<b>" + "OBJECTID: " + items[0].ESRI_OID + "</b><br/>" + "First Name: " + items[0].CUSTNAME + "</b><br/>" + "Address: " + items[0].ADDR1;
}
function findRelatedRecords(features) {
var relatedTopsQuery = new esri.tasks.RelationshipQuery();
relatedTopsQuery.outFields = ["*"];
//relatedTopsQuery.relationshipId = 3;
relatedTopsQuery.relationshipId = 0;
//relatedTopsQuery.objectIds = [features[0].attributes.OBJECTID];
relatedTopsQuery.objectIds = [features[0].attributes.OBJECTID];
wellFeatureLayer.queryRelatedFeatures(relatedTopsQuery, function(relatedRecords) {
console.log("related recs: ", relatedRecords);
if ( ! relatedRecords.hasOwnProperty(features[0].attributes.OBJECTID) ) {
console.log("No related records for ObjectID_1: ", features[0].attributes.OBJECTID_1);
return;
}
var fset = relatedRecords[features[0].attributes.OBJECTID];
//var fset = relatedRecords[features[0].attributes.OBJECTID];
items = dojo.map(fset.features, function(feature) {
return feature.attributes;
});
var data = {
identifier: "OBJECTID", //This field needs to have unique values
label: "OBJECTID", //Name field for display. Not pertinent to a grid but may be used elsewhere.
items: items
};
});
}
function findWells(evt) {
var selectionQuery = new esri.tasks.Query();
var tol = map.extent.getWidth()/map.width * 5;
var x = evt.mapPoint.x;
var y = evt.mapPoint.y;
var queryExtent = new esri.geometry.Extent(x-tol,y-tol,x+tol,y+tol,evt.mapPoint.spatialReference);
selectionQuery.geometry = queryExtent;
wellFeatureLayer.selectFeatures(selectionQuery,esri.layers.FeatureLayer.SELECTION_NEW);
};
Good luck!
