Multiselect without key combinations or checkboxes?

[Hans Benny]

Hello,

I am trying to set up the ListBox in the following way:

• A click on an item selects it
• It is possible to select multiple items
• Clicking a selected item deselects it
• No key combinations should be needed
• No checkboxes should be used

So pretty much the behavior of the ListBox on mobile.

Is this possible with the ListBox component? If so, what would be the best way to achieve this goal?

[Arunkumar Devendiran]

Hi Hans Benny, 

 

Thank you for contacting Syncfusion support. 

 

We have checked your reported query and achieved that by using property binding in change event. Please refer the below sample link, 

 

Sample link: 

https://stackblitz.com/edit/fhh3ni-wbzhrv?file=index.ts 

 

Could you please check the above sample and get back to us with more information if we misunderstood your requirement or need further assistance.  

 

Regards, 

Arunkumar D 

[Hans Benny]

Hello Arunkumar,

thanks a lot! This is what I needed. There is just one problem. Take a look at this: https://stackblitz.com/edit/fhh3ni-7vgi7c?file=index.ts.

If you disable the ripple, you can clearly see already selected items "flash" for a second when you select more items, because the .e-selected class is reset on every element when the selection changes. Any way to fix this behavior?

[Arunkumar Devendiran]

Hi Hans Benny, 

 

Good day to you. 

 

We have checked your reported issue and it can be achieved that by using dataBind() method. We have created the sample for your reference. Please refer the below sample link, 

 

Sample Link: 

https://stackblitz.com/edit/fhh3ni-pnaef3?file=index.ts 

 

Regards, 

Arunkumar D