topic Re: Multiselect with search option in ArcGIS Experience Builder Questions

Multiselect with search option

WalaZargouni — Mon, 29 Apr 2024 14:39:22 GMT

Hello, i need a multiselect with a search functionality just like the one used in the Filter widget in Experience builder, i cannot find what i'm looking for in jimu-ui.

Can someone help ?

Re: Multiselect with search option

JeffreyThompson2 — Mon, 29 Apr 2024 15:25:01 GMT

I think you are talking about FieldSelector.

https://developers.arcgis.com/experience-builder/storybook/?path=/docs/components-jimu-ui-advanced-data-source-selector-fieldselector--docs

Take a look in the advanced folder of the Storybook to see if you find what you want. There are several similar options.

Re: Multiselect with search option

WalaZargouni — Mon, 29 Apr 2024 16:32:49 GMT

It looks like the FieldSelector component yes, but with the FieldSelector it works only with a datasource and its fields. i need to load the items of the select with an api call

Re: Multiselect with search option

TonghuiMing — Tue, 30 Apr 2024 02:18:17 GMT

@WalaZargouni The AdvancedSelect component is what you are looking for.

Re: Multiselect with search option

JanSarata — Tue, 30 Apr 2024 07:34:27 GMT

Hi @TonghuiMing, as far as I know, The AdvancedSelect is still missing the method onSearchInputChanged which is really important while using with API calls as @WalaZargouni mentioned. Are there any plans to implement this method? https://developers.arcgis.com/experience-builder/storybook/?path=/story/components-jimu-ui-index-advancedselect--dynamic-data

Re: Multiselect with search option

WalaZargouni — Tue, 30 Apr 2024 10:11:44 GMT

Yes apparently the AdvancedSelect is what i need, the dynamic data example code is not available in the storybook, i tried implementing it as the following

<AdvancedSelect

onChange={function noRefCheck(){}}

staticValues={[

{

label: 'Label-1',

value: 1

{

label: 'Label-2',

value: 2

{

label: 'Label-3',

value: 3

}

]}

isEmptyOptionHidden

isMultiple

hideBottomTools

/>
but the problem is that when i select a value nothing happens, you can see it in the attached GIF, is it a bug or am i missing something ?

Re: Multiselect with search option

JeffreyThompson2 — Tue, 30 Apr 2024 12:20:30 GMT

The onChange={function noRefCheck(){}} function does not do anything. You will need to write your own onChange function to handle the click event as needed.

Re: Multiselect with search option

TonghuiMing — Mon, 06 May 2024 02:40:40 GMT

@JanSarata You are referring to https://community.esri.com/t5/arcgis-experience-builder-questions/experience-builder-advanced-select-component/m-p/1401266#M11783, right? We will note that and see if we can implement it.