Combined autocomplete / itempicker
I am working on a project that has a requirement to use an Autocomplete box where one can select more than one item. Ideally, the suggestions would have checkboxes to allow an extended selection.
A standard Item Picker with the filter box enabled could be an alternative, but in this case, the initial list is too long, and I really only want to show items after 3 characters are entered.
Another alternative that I looked at is to use an Autocomplete, where in its Suggestions sub-workflow an Item Picker is populated, rather than the autocomplete itself. A minor issue with this approach is that there is still an empty popup with the text ‘No Data’. I managed to remove the text by adding an (empty) translation for ‘No Data’ to the workflow, but that doesn't remove the popup.
-
Hi Berend. This is an interesting scenario. In the TypeScript version of Workflow we use MaterialUI components for much of the user interface. It seems their Autocomplete does support multiple selection.
Is this the kind of thing you were thinking of?
https://mui.com/material-ui/react-autocomplete/#checkboxes0 -
Yes, that is almost what I need.
It would be perfect if there was a Select All/None option, e.g. I type ‘star’, and then click select all to get all Starwars movies.
It would also help to have an autocomplete with the option to hide the popup, so that I can combine it with an item picker myself. Or a Textbox with a changed event that was raised after every key press.
0
Vous devez vous connecter pour laisser un commentaire.
Commentaires
2 commentaires