Custom editor with multi select dropdown/autocomplete

Tags: #<Tag:0x00007efc6055c2c0> #<Tag:0x00007efc6055c0e0>
#1

I’m already using an autocomplete dropdown but i’m trying to make it so that instead of the normal dropdown list, it will contain a list of checkboxes that users can multi select (check).

Are there existing plugins for this? Can you suggest a way to do this?

Thanks!

#2

Hi @alladojed

Thank you for contacting us. Currently, we do not support multi-select dropdown cell type.

#3

Hi @adrian.szymanski I know you don’t. I’m asking if I customize it, is it in some level possible to do?

I already have it so that it display the checkboxes in the dropdown, my problem is that when I click on the checkbox, the dropdown closes since it’s the default behavior. Where should or where can I override this?

Thanks

#4

@alladojed

If you already have your custom implementation and need assistance that would require a code review from our side to have a good image od the code. Please send me your license ID at support@handsontable.com so I can check your current Support Plan.

#5

Okay got it. Thanks @adrian.szymanski

#6

@alladojed just to add that I recently had a similar challenge in Google Sheets where I wanted a dropdown with multi-select capabilities (short summary: it’s not possible in GS without custom scripting, and all the examples I could find weren’t very flexible as they relied on hard-coded column references).

Anyway, the point of me replying here is that beyond the implementation of your custom dropdown in HoT is thinking about how you would deal with the display of multiple values in the cell after user selection in the dropdown. E.g. adding comma separators, or new lines etc to help with item delineation. Hope that makes sense.

1 Like
#7

Hi @blake.gilchrist

Thank you for the involvement and valuable tips! I hope they will be helpful for our users.

1 Like
#8

Thanks for your reply. Yeah I was able to resolve it as far as having a multiselect dropdown is concerned. My problem now is since i’ve used a custom renderer inside a custom editor, I couldn’t find a way to pass the previously selected value to the renderer so that it will be checked if it was previously selected. So right now all of my dropdowns starts blank (i.e. no checked items).

1 Like
#9