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; } } }

Multiple layer attribute inspector

williamcarr

I'm trying to get the attribute inspector to work with multiple layers, but I'm unsure of how to go about the layInfos.

var layerInfos = [{

'featureLayer': petroFieldsFL,

'showAttachments': false,

'isEditable': true,

'fieldInfos': [

{'fieldName': 'SERVICE_ID', 'isEditable':true, 'tooltip': 'Current Status', 'label':'Status:'}

]

}];

var attInspector = new AttributeInspector({

layerInfos:layerInfos

}, domConstruct.create("div"));

Do I need to create an attribute inspector for each layer?

Encuentra más publicaciones etiquetadas con

Accepted answers

OwenEarley

The documentation states that layerInfos is an object array so your should be able to pass them in using a modified version of your code:

var layerInfos = [ 
     { 
          'featureLayer': petroFieldsFL, 
          'showAttachments': false, 
          'isEditable': true, 
          'fieldInfos': [ {'fieldName': 'SERVICE_ID', 'isEditable':true, 'tooltip': 'Current Status', 'label':'Status:'} ]
      },
      { 
          'featureLayer': otherFL, 
          'showAttachments': false, 
          'isEditable': true, 
          'fieldInfos': [ {'fieldName': 'OTHER_ID', 'isEditable':true, 'tooltip': 'Some Tooltip', 'label':'Some Label:'} ] 
     }
 ];           

var attInspector = new AttributeInspector({
     layerInfos:layerInfos
}, domConstruct.create("div"));

Also, this Multiple Attribute Inspectors | ArcGIS API for JavaScript sample connects each layer to a new attribute inspector dynamically which is possibly an alternate approach to your problem.

Owen

Spatial XP

All comments

williamcarr

Owen,

I ran into a couple other issues with the apply edits passing. Not sure how but only select layers are passing(usually the first one listed), or if multiple points are selected at a time. I think it is the loading of layers into initSelectToolbar array.

The rest of the code is just like the sample, but I think these are the trouble areas. It throws a TypeError: updateFeature is undefined upon trying to apply edits with the save button.

Could you take another look to see how I am failing at life?

Thanks in advance.

function initSelectToolbar(evt) {

var asdf = evt.layers[0].layer;

var selectQuery = new Query();

map.on("click", function(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;

asdf.selectFeatures(selectionQuery, FeatureLayer.SELECTION_NEW, function(features) {

//store the current feature

updateFeature = features[0]; console.log("adf");

map.infoWindow.setTitle(features[0].getLayer().name); console.log("adf");

map.infoWindow.show(evt.screenPoint,map.getInfoWindowAnchor(evt.screenPoint)); console.log("adf");

var layerInfos = [{

'featureLayer': petroFieldsFL,

'showAttachments': false,

'isEditable': true

{ 'featureLayer': petroFieldsFL1,

'showAttachments': false,

'isEditable': true}];

var attInspector = new AttributeInspector({

layerInfos:layerInfos

}, domConstruct.create("div"));

//add a save button next to the delete button

var saveButton = new Button({ label: "Save", "class": "saveButton"});

domConstruct.place(saveButton.domNode, attInspector.deleteBtn.domNode, "after");

saveButton.on("click", function(){

updateFeature.getLayer().applyEdits(null, [updateFeature], null);

});

attInspector.on("attribute-change", function(evt) {

//store the updates to apply when the save button is clicked

updateFeature.attributes[evt.fieldName] = evt.fieldValue;

});

attInspector.on("next", function(evt) {

updateFeature = evt.feature;

console.log("Next " + updateFeature.attributes.objectid);

});

attInspector.on("delete", function(evt){

evt.feature.getLayer().applyEdits(null,null,[feature]);

map.infoWindow.hide();

});

map.infoWindow.setContent(attInspector.domNode);

map.infoWindow.resize(350, 240);

}

williamcarr

Paydirt! Thanks Owen.

OwenEarley

The documentation states that layerInfos is an object array so your should be able to pass them in using a modified version of your code:

var layerInfos = [ 
     { 
          'featureLayer': petroFieldsFL, 
          'showAttachments': false, 
          'isEditable': true, 
          'fieldInfos': [ {'fieldName': 'SERVICE_ID', 'isEditable':true, 'tooltip': 'Current Status', 'label':'Status:'} ]
      },
      { 
          'featureLayer': otherFL, 
          'showAttachments': false, 
          'isEditable': true, 
          'fieldInfos': [ {'fieldName': 'OTHER_ID', 'isEditable':true, 'tooltip': 'Some Tooltip', 'label':'Some Label:'} ] 
     }
 ];           

var attInspector = new AttributeInspector({
     layerInfos:layerInfos
}, domConstruct.create("div"));

Also, this Multiple Attribute Inspectors | ArcGIS API for JavaScript sample connects each layer to a new attribute inspector dynamically which is possibly an alternate approach to your problem.

Owen

Spatial XP

Ú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.