topic Re: Remove all highlighted features from a layer in ArcGIS JavaScript Maps SDK Questions

Remove all highlighted features from a layer

Mr_Kirkwood — Mon, 05 May 2025 21:58:45 GMT

I have a table that selects data and also highlights the data on the map. When I use the highlightSelectRoom.remove (); it only removes the last highlighted object and not all of them.

here is my code that selects the data in the map when the table row is selected:

I call on the highlightSelectRoom.remove () using a button and that also clears the selected rows in the table. Any ideas?

Thanks!

Re: Remove all highlighted features from a layer

UndralBatsukh — Wed, 07 May 2025 16:18:25 GMT

Hi there,

In addition to calling highlightSelectRoom.remove (), you also need to clear collection of highlightIds from the feature table. You can this in action in this sample - https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=highlight-features-by-geometry

Essentially you need to add this line:
table.highlightIds.removeAll();

Hope this helps,

-Undral

Re: Remove all highlighted features from a layer

Mr_Kirkwood — Wed, 07 May 2025 20:30:20 GMT

Thanks! I am not using a Feature table. I have some code that clears the slected rows.

I will try the example and see if i can piece out what i need.

Thank again!

Re: Remove all highlighted features from a layer

Mr_Kirkwood — Thu, 08 May 2025 16:51:15 GMT

I am confused about how to implement those examples since i do not use the FeatureTable. I have a jQuery jqxGrid that i am using for my table. I have it working so that when ido click on a row it selects the FeatureLayer in the map. The problem is it only works to remove the last highlight selected. I do not select them all at once but one at a time depending on what rows the user needs slecected to edit.

How would I gather the highlight ids that are being selected. I found somehting like this but cannot get it to work:

function removeAllHighlights(layerView) { if (layerView && layerView._highlightIds) { for (const id in layerView._highlightIds) { layerView.removeHighlight(id); } } }

I have never dealt with the highlights before. So any help would be appreciated. Thanks!

Re: Remove all highlighted features from a layer

UndralBatsukh — Thu, 08 May 2025 21:09:50 GMT

Hey there,

It seems like you are overwriting highlight handle each time a new feature is highlighted. As a result, when you call remove on the handle, it only removes the highlight from the most recently highlighted feature. To fix this, you should store each highlight handle so they can all be removed later. You can do this by adding each handle to an array whenever a feature is highlighted, like this:

highlight = layerView.highlight(result.features, {name: "temporary"}); hightlights.push(highlight);

Then, when you want to remove all highlights, loop through the array and call remove() on each handle:

hightlights.forEach((h) =>{ h.remove(); });

This codepen shows how this works: https://codepen.io/U_B_U/pen/OPPojdN?editors=1000

Hope this helps,

-Undral

Re: Remove all highlighted features from a layer

Mr_Kirkwood — Fri, 09 May 2025 19:03:23 GMT

Brilliant! That worked perfectly. Thank you so much for your help!