How to update properties of graphic in GraphicsLayer?

Question

Hi, 
I'm trying to update the "attributes" property under an item 
and the "visible" property under an item, in graphicsLayer.graphics.items (graphicsLayer is the GraphicsLayer object)

I tried using setAttribute, but it didn't work.

graphicsLayer.graphics._items.forEach((item) => {      item.setAttribute('uid', item.uid)    })

I didn't find a method to use for updating "visible" property.

Thanks!

Sparkles · Answer

Hi @UndralBatsukh , thanks for the help! When trying to update visible to false, it works in the code snippet you provided ,but not in my React component. Do you think React could be interfering with this? as the component reloads and it seems the value is coming back from the default arcgis value "true" at that time. It seems that changing an attribute manually in the JS code just changes the value locally but doesn't actually persist the change to the arcgis data. Do you know if there's a built in method to use that would persist the change?

Thanks!

UndralBatsukh · Answer

Hi there,

You can loop through the graphics and update its attribute as shown below. No need to get _items, graphics is a collection.

graphicsLayer.graphics.forEach((graphic) =>{
  graphic.attributes.Owner = "Here here";
});

This codepen shows the concept - https://codepen.io/U_B_U/pen/aberQpp?editors=100

JoelBennett · Answer

Ok...yeah, I was mistaken about what you meant by uid.  In that case, your use of "setAttribute" is correct.

However, it's not recommended to use the "_items" array since it's undocumented, and the layer probably wouldn't notice that anything had changed if you manipulate it.  If you change a graphic's properties and/or attributes, you may want to call remove on the collection, and then add it back.  This would properly inform the layer instance that something has changed.

If you use this alternate workflow, and it still doesn't work, then it's possible it could be a React issue.  I don't use that though, so I couldn't say for certain.