114
Views
12
Comments
Dropdown Search Data List

Hello again, I have found another potential issue with the Dropdown Search widgets. 


I have a use case, where I have a pretty large form (with 30ish fields) for a Safety app. Many of those fields require a choice from large lists. The worst of this is 20,000 items long. 


I have 2 scenarios where I feel I am required to fetch the whole list for the widget.

1. If this is an existing record, the entire list is required so that the selectedItem can show the correct value on the dropdown search

2. if new record, then the entire list is required so that it is possible to find the item using the search functionality. 

So for every Drop down field which is used, I need to fetch data for it, I have tried to filter this as much as possible but there is still quite a lot of data pulled for this. 


It means the UX is much worse than with traditional web as the old AutoCompletes would only load the data required. It is also slowing down the rest of the screen (button groups, text inputs etc) with large loads etc. 

Do you have any tips on how to get around this with Dropdown Search widget? 


Thanks

Chris

Champion
Rank: #1125

Hi Chris,

In my case, I use search input to search a big table records. In the table records, I use infinite scroll, it will pull data by pagination.

The drop down is merely used to filter the big table records with small list of categories.

Hope that helps

Apologies, Maybe I wasnt clear enough in my original post. 

This unfortunately isnt for a table records, where I have used the Dropdown Search to great effect. 

This is an example of a part of the Form the users fill in. The Fields like Job/Asset have significant amounts of data in them, so it has a detrimental effect on the rest of the fields in the form. 


What I would ideally like is a Dropdown search widget that wouldnt pull in the list of data until the user starts to search, as opposed to needing to fetch that data "At Start"


Champion
Rank: #315

Christopher Kennedy wrote:

Apologies, Maybe I wasnt clear enough in my original post. 

This unfortunately isnt for a table records, where I have used the Dropdown Search to great effect. 

This is an example of a part of the Form the users fill in. The Fields like Job/Asset have significant amounts of data in them, so it has a detrimental effect on the rest of the fields in the form. 


What I would ideally like is a Dropdown search widget that wouldnt pull in the list of data until the user starts to search, as opposed to needing to fetch that data "At Start"


 Hi Christopher ,

I would suggest to store data of dropdown list in table and use input search. Because if you load data in start it will hang/slow down your page and it is not advisable to have huge data in Drop-down list.

Thanks,

Saifee

Abdul quadir Saifee wrote:

Christopher Kennedy wrote:

Apologies, Maybe I wasnt clear enough in my original post. 

This unfortunately isnt for a table records, where I have used the Dropdown Search to great effect. 

This is an example of a part of the Form the users fill in. The Fields like Job/Asset have significant amounts of data in them, so it has a detrimental effect on the rest of the fields in the form. 


What I would ideally like is a Dropdown search widget that wouldnt pull in the list of data until the user starts to search, as opposed to needing to fetch that data "At Start"


 Hi Christopher ,

I would suggest to store data of dropdown list in table and use input search. Because if you load data in start it will hang/slow down your page and it is not advisable to have huge data in Drop-down list.

Thanks,

Saifee

 Do you mean this:

 How do you use it, it seems to just be a text input with a icon in it? Should I couple this with a List that appears when I have typed in the input?

Thanks

Chris

Champion
Rank: #315

Christopher Kennedy wrote:

Abdul quadir Saifee wrote:

Christopher Kennedy wrote:

Apologies, Maybe I wasnt clear enough in my original post. 

This unfortunately isnt for a table records, where I have used the Dropdown Search to great effect. 

This is an example of a part of the Form the users fill in. The Fields like Job/Asset have significant amounts of data in them, so it has a detrimental effect on the rest of the fields in the form. 


What I would ideally like is a Dropdown search widget that wouldnt pull in the list of data until the user starts to search, as opposed to needing to fetch that data "At Start"


 Hi Christopher ,

I would suggest to store data of dropdown list in table and use input search. Because if you load data in start it will hang/slow down your page and it is not advisable to have huge data in Drop-down list.

Thanks,

Saifee

 Do you mean this:

 How do you use it, it seems to just be a text input with a icon in it? Should I couple this with a List that appears when I have typed in the input?

Thanks

Chris

 

 Please go throug hthis link:

https://success.outsystems.com/Documentation/How-to_Guides/Front-End/How_to_create_a_search_field_with_autocomplete 

Please let me know if you need any more details.

thanks,

Saifee

Abdul quadir Saifee wrote:

Christopher Kennedy wrote:

Abdul quadir Saifee wrote:

Christopher Kennedy wrote:

Apologies, Maybe I wasnt clear enough in my original post. 

This unfortunately isnt for a table records, where I have used the Dropdown Search to great effect. 

This is an example of a part of the Form the users fill in. The Fields like Job/Asset have significant amounts of data in them, so it has a detrimental effect on the rest of the fields in the form. 


What I would ideally like is a Dropdown search widget that wouldnt pull in the list of data until the user starts to search, as opposed to needing to fetch that data "At Start"


 Hi Christopher ,

I would suggest to store data of dropdown list in table and use input search. Because if you load data in start it will hang/slow down your page and it is not advisable to have huge data in Drop-down list.

Thanks,

Saifee

 Do you mean this:

 How do you use it, it seems to just be a text input with a icon in it? Should I couple this with a List that appears when I have typed in the input?

Thanks

Chris

 

 Please go throug hthis link:

https://success.outsystems.com/Documentation/How-to_Guides/Front-End/How_to_create_a_search_field_with_autocomplete 

Please let me know if you need any more details.

thanks,

Saifee

 Hello,

I would have used this option but I am using Reactive and therefore do not have access to the Input_Autocomplete widget. Apologies I thought i mentioned this above.


Chris


 

Thanks for the suggestions.

It is the DropDown Search of your second link that I am having issues with. 


I think I will need to create my own version, using a list item which appears when text is entered to an input.


thanks.

Rank: #143

Hi Chris,

Please see the attached .oml file

also check out the below Traditional Web component for chunks records u can also manage on reactive.

https://www.outsystems.com/forge/component-overview/9051/lazyloading-dropdown-with-chunks-record


Hope this helps you

Vijay M-


ReactiveAutoCompleteDemo1.0.0O11.oap

Rank: #6356

Hi Christopher,

Have you managed to find a solution for this? I am sitting with the exact same issue...

Hello Larissa,

I had to create my own version of this using a bit of CSS! I have attached the oml file if you want to check. No doubt can be improved but is working enough for me.

If you need any help with it, please feel free to message me.

Chris

TestJob.oml

Rank: #6356

Thanks so much - appreciate the response! Will be sure to have a look and let you know if I have any questions.