We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Multiselect without key combinations or checkboxes?

Thread ID:

Created:

Updated:

Platform:

Replies:

151206 Feb 3,2020 08:22 PM UTC Feb 6,2020 04:36 PM UTC JavaScript - EJ 2 3
loading
Tags: ListBox
Hans Benny
Asked On February 3, 2020 08:22 PM UTC

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 [Syncfusion]
Replied On February 4, 2020 02:22 PM UTC

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: 
 
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
Replied On February 5, 2020 03:16 PM UTC

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 [Syncfusion]
Replied On February 6, 2020 04:36 PM UTC

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: 
 
Regards, 
Arunkumar D 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon