AnsweredAssumed Answered

Attribute inspector in popup problem

Question asked by btfou on Oct 9, 2013
Latest reply on Oct 9, 2013 by btfou
I have feature layers for which the features are created in ArcMap but the attributes can be edited through the web app. Previously the user would initiate full editing through an editor like layers with geometry editing. To simplify things, I'm switching to an attribute inspector in the popup for these attribute edit only layers. Using the attribute inspector sample as inspiration I have it up and running.

The problem is the inspector is shown only on the first click/feature selection. Subsequent clicks return no content, i.e. the attribute inspector, in the popup content for the same or any other feature. The popup title updates but no inspector. Why?


This is the config object used to create the layer; it is variable l in the code below:
  url: 'http://URL/arcgis/rest/services/Control/FeatureServer/0',
  token: true,
  tokenType: 'base', //base or custom
  tokenCustom: '',
  source: 'feature', //feature or map
  name: 'Control',
  id: 'fl_control',
  mode: 1,
  outFields: ['*'],
  visible: false,
  opacity: 1,
  minScale: 0,
  maxScale: 0,
  legend: true,
  infoTemplate: {
    type: 'inspector', //inspector, text, function or table
    titleText: 'Control: ${PROJECT} - ${POINT_NUM}',
    contentText: '${*}',
    contentFunction: function (graphic) {},
    contentInspector: {
      isEditable: true,
      showObjectID: false,
      showGlobalID: false,
      showAttachments: false,
      showDeleteButton: false,
      fieldInfos: [
          fieldName: 'PROJECT',
          label: 'Project',
          isEditable: true
      }, {
          fieldName: 'POINT_NUM',
          label: 'Point No.',
          isEditable: true
      }, {
          fieldName: 'NORTHING',
          label: 'Northing',
          isEditable: false
      }, {
          fieldName: 'EASTING',
          label: 'Easting',
          isEditable: false
      }, {
          fieldName: 'ELEV',
          label: 'Elevation',
          isEditable: false
      }, {
          fieldName: 'DESCRIPTION',
          label: 'Description',
          isEditable: true
      }, {
          fieldName: 'PROJECTION',
          label: 'Projection',
          isEditable: false
      }, {
          fieldName: 'NOTES',
          label: 'Notes',
          'stringFieldOption': 'textarea',
          isEditable: true
  identify: true,
  query: true,
  queryLayer: 0, //same as feature layer TO DO: extract from url instead
  queryParams: {
    //query params
  edit: true,
  editParams: {
    //editor params
  info: true,
  infoType: 'text', //text or href
  infoContent: 'Layer info...' //info text (html) or url

This is the info template portion of the code that creates a feature layer; layer is the feature layer.
var it = new esri.InfoTemplate();

if (l.infoTemplate.type === 'inspector') {
  var layerInfo = {
    featureLayer: layer,
    isEditable: l.infoTemplate.contentInspector.isEditable,
    showObjectID: l.infoTemplate.contentInspector.showObjectID,
    showGlobalID: l.infoTemplate.contentInspector.showGlobalID,
    showAttachments: l.infoTemplate.contentInspector.showAttachments,
    showDeleteButton: l.infoTemplate.contentInspector.showDeleteButton
  if (l.infoTemplate.contentInspector.fieldInfos !== undefined) {
    layerInfo.fieldInfos = l.infoTemplate.contentInspector.fieldInfos;
  layer.inspector = new esri.dijit.AttributeInspector({
    layerInfos: [layerInfo]
  }, dojo.create('div'));, 'display', 'none');
  layer.inspector.on('attribute-change', function (result) {
    var feature = result.feature;
    var atts = feature.attributes;
    for (var i in atts) {
      if (i === result.fieldName) {
        atts[i] = result.fieldValue;
    layer.applyEdits(null, [feature], null, function (a, u, d) {
    }, function (error) {

  layer.on('click', function (evt) {
    var query = new esri.tasks.Query();
    query.where = 'OBJECTID = ' + evt.graphic.attributes.OBJECTID;
    layer.selectFeatures(query, 3, function (features) {
  });'hide', function () {
    console.log('infoWindow hidden');
} else if (l.infoTemplate.type === 'text') {
} else if (l.infoTemplate.type === 'table') {
} else if (l.infoTemplate.type === 'function') {


Thanks for any help or suggestions.