Selecting multiple features with graphics

[ajd018]

I am trying to select multiple polygon features and have a graphic drawn on top of the features to show selection with this code. Right now, the selection works and selects the features (I know this because it shows as selected in the featuretable). But the graphic only draws over a single feature. Is there a way to have it draw over multiple features?

var selectionToolbar;

map.on("load", initSelectToolbar);

var selectline = new SimpleLineSymbol();

selectline.setWidth(4);

selectline.setColor(new Color([0,255,255, 1]));

var selectlineSymbol = new SimpleFillSymbol();

selectlineSymbol.setOutline(selectline);

selectlineSymbol.setColor(new Color([46,191,240, 0]));

on(dom.byId("selectFieldsButton"), "click", function () {

selectionToolbar.activate(Draw.EXTENT);

});

on(dom.byId("clearSelectionButton"), "click", function () {

featurelayername.clearSelection();

map.graphics.clear();

});

function initSelectToolbar (event) {

selectionToolbar = new Draw(event.map);

var selectQuery = new Query();

on(selectionToolbar, "DrawEnd", function (geometry) {

selectionToolbar.deactivate();

selectQuery.geometry = geometry;

selectQuery.returnGeometry = true;

selectQuery.where = "1=1";

featurelayername.queryFeatures(selectQuery, function (featureSet) {

featurelayername.selectFeatures(selectQuery, FeatureLayer.SELECTION_NEW);

var Geom = featureSet.features[0].geometry;

var gra = new Graphic(Geom, selectlineSymbol);

map.graphics.add(gra);

});

});

}

[KenBuja · Accepted solution]

You're only creating a new graphic from the first feature in the featureset with this line.

var Geom = featureSet.features[0].geometry;‍

You'll want to loop through the featureset and do that to each feature.

array.forEach(featureSet, function (feature) {
  Geom = feature.geometry; 
  gra = new Graphic(Geom, selectlineSymbol); 
  map.graphics.add(gra); 
});‍‍‍‍‍

[ajd018]

I incorporated this way. Cant get the graphics to show up.

featurelayername.queryFeatures(selectQuery, function (featureSet) {

array.forEach(featureSet, function (feature) {
   var Geom = feature.geometry;
   var gra = new Graphic(Geom, selectlineSymbol);
   map.graphics.add(gra);
});

});

[KenBuja]

Are you seeing any messages in the console?

[ajd018]

init.js:89 g {message: "Timeout exceeded", response: {…}, status: undefined, responseText: undefined, xhr: XMLHttpRequest, …}

also:

Active resource loading counts reached to a per-frame limit while the tab is in background. Network requests will be delayed until a previous loading finishes, or the tab is foregrounded. See <URL> for more details

[KenBuja]

Did you add the module for array?

require([...,"dojo/_base/array",...], function(...,array,...){‍

[ajd018]

var selectionToolbar;

map.on("load", initSelectToolbar);

var selectline = new SimpleLineSymbol();

selectline.setWidth(4);

selectline.setColor(new Color([0,255,255, 1]));

var selectlineSymbol = new SimpleFillSymbol();

selectlineSymbol.setOutline(selectline);

selectlineSymbol.setColor(new Color([46,191,240, 0]));

on(dom.byId("selectFieldsButton"), "click", function () {

selectionToolbar.activate(Draw.EXTENT);

});

on(dom.byId("clearSelectionButton"), "click", function () {

JobStatusLyr.clearSelection();

map.graphics.clear();

});

function initSelectToolbar (event) {

selectionToolbar = new Draw(event.map);

var selectQuery = new Query();

on(selectionToolbar, "DrawEnd", function (geometry) {

selectionToolbar.deactivate();

selectQuery.geometry = geometry;

selectQuery.returnGeometry = true;

selectQuery.where = "1=1";

JobStatusLyr.queryFeatures(selectQuery, function (featureSet) {

array.forEach(featureSet, function (feature) {

var Geom = feature.geometry;

var gra = new Graphic(Geom, selectlineSymbol);

map.graphics.add(gra);

});

});

JobStatusLyr.selectFeatures(selectQuery, FeatureLayer.SELECTION_NEW);

});

}

});

[JohnGrayson]

Q: Is featureSet a FeatureSet or an array of Graphic objects?  If its a FeatureSet, then try looping over the 'features' property which is an array of Graphic objects: 

array.forEach(featureSet.features, function (feature) {
  // ... //
});‍‍‍

[ajd018]

That did it. Great thanks.