topic Re: Selecting Features from DataSource in Experience Builder Custom Widgets

Selecting Features from DataSource

PartyPelican — Sat, 10 Feb 2024 01:09:17 GMT

Hello!

I am trying to create a widget that can select multiple layers based on a click event and show them in a series of tabs with a feature widget inside, however, I am new to development in experience builder. Currently I establish a click event listener on the map view and when the view is clicked, I query each FeatureLayerDataSource that is saved in state. I want to be able to select those results on the map but when I use datasource.selectRecordsByIds() with the object ids of the results, I dont see any highlighting on the map, and it appears as though my component renders twice. Its not clear to me why but you can see in the console that the tabs for each datasource gets rendered twice upon the click. This only happens when I use that selectRecordsByIds() method. Does anyone have any advice on how I can fix this or what I can do to make this work properly?

I appreciate any feedback, thank you.

Re: Selecting Features from DataSource

FredericPoliart_EsriAU — Mon, 12 Feb 2024 08:06:25 GMT

you share the src code in a .zip ?

Re: Selecting Features from DataSource

JeffreyThompson2 — Mon, 12 Feb 2024 13:45:46 GMT

I am working on the same widget concept right now. Most of the work is done and I should be ready to release on here in a few days. Here is a preview.

Re: Selecting Features from DataSource

PartyPelican — Mon, 12 Feb 2024 16:13:42 GMT

Awesome! do you mind sharing a snippet of how you went about querying and selecting the records? Eventually, I'd like to incorporate querying the related tables of a layer as well.

Re: Selecting Features from DataSource

JeffreyThompson2 — Mon, 12 Feb 2024 17:47:02 GMT

https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#fetchFeatures

It's based around the popup.fetchFeatures() method. The earliest version of my widget was based on this sample, but I think they have re-written some of it since I copied it.

Re: Selecting Features from DataSource

PartyPelican — Thu, 15 Feb 2024 01:01:10 GMT

I was on the right track with the selectRecordsByIds() method, I just forgot to pass in the array of records to select from as the second parameter. Once I did that, the feature was highlighted in the map.

Re: Selecting Features from DataSource

PartyPelican — Sat, 24 Feb 2024 00:22:57 GMT

If anyone is interested, I have attached the working widget. I am still developing it and will share it again once I have made more improvements. Feel free to refactor the code and suggest ways to make it better.

Currently, you can supply it layers to select from on a mouse click (the mouse click uses a 10 ft buffer). The selection is applied to the data source so the selection can be seen by other widgets like the table widget.

Update:

I did some refactoring and added the option to change the buffer radius and units.

Re: Selecting Features from DataSource

RachappaBellappa1 — Wed, 20 Mar 2024 16:48:21 GMT

Hello I am in the same boat, although selected features show the number of records selected but features are not selected in the map. I see the url's are updated with features. If i refresh the url then it shows selected features. Please check the code snippet.

Any thoughts

Re: Selecting Features from DataSource

PartyPelican — Thu, 21 Mar 2024 00:43:48 GMT

Can you share your code please?

Re: Selecting Features from DataSource

RachappaBellappa1 — Thu, 21 Mar 2024 15:27:19 GMT

Please check the screenshot above, i have a JSON object and i am binding that to featuredatalayersource by passing objectids. In Network i can see it's doing query call and also in select widget it shows selected features count but features are not highlighted

Re: Selecting Features from DataSource

SerjStol — Tue, 22 Oct 2024 17:14:56 GMT

@PartyPelican Wow I was searching everywhere why selectRecordById() was not working for me. Thanks! After parsing objectid AND FeatureDataRecord the selection worked! But the function says incorrectly that FeatureDataRecord is an optional parameter!? Terrible...