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. Image for the cookie policy date

Issue with checkbox mode of ejs-multiselect plugin

I'm using the ejs-multiselect plugin in my web application to allow users to select multiple items from a list of more than 200 elements. However, when I select the "Select All" option, the multiselect initially shows that only 51 elements have been selected, but then updates and shows that all 200 elements have been selected.

I would like to know how I can prevent the multiselect from showing the partial view with only 51 elements selected and instead show the total number of selected elements from the beginning. Is there a way to do this using the change event or any other plugin configuration options?

I would appreciate any help or suggestions you can provide to solve this issue. Thank you very much in advance.

https://stackblitz.com/edit/angular-b3stxk-hap1vu?file=app.component.html,app.component.ts


4 Replies

UD UdhayaKumar Duraisamy Syncfusion Team April 28, 2023 03:50 AM UTC

Hello Gabriel,


Thank you for reaching out to us. After a thorough review of the sample you provided, we discovered that it was using an older version of the Syncfusion package. We have updated the sample to the latest package version and conducted testing. We were unable to reproduce the reported issue, and we have provided a sample illustration for your convenience. Therefore, we suggest that you update your Syncfusion packages to the latest version (which is currently 21.1.41) to address the reported issue on your end.


Sample: https://stackblitz.com/edit/angular-7ac4pk?file=src%2Fapp.component.ts,src%2Fapp.component.html


If you encounter any further issues, please do not hesitate to reach out to us for assistance.


Best regards,

Udhaya Kumar D.



GA Gabriel Alva May 3, 2023 03:17 PM UTC

Hi Udhaya


I've forked your stackblitz project but with 600 items in the multiselect. That makes it more notorious that the input take a couple of seconds to update the text when you click "Select All" and "Unselect All".

https://stackblitz.com/edit/angular-7ac4pk-bad6jp?file=src%2Fapp.component.ts,src%2Fapp.component.html

Regards,
Gabriel



GA Gabriel Alva May 9, 2023 03:23 PM UTC

Hi Udhaya

Were you able to review the update that I posted?


Regards,
Gabri



UD UdhayaKumar Duraisamy Syncfusion Team May 11, 2023 12:26 PM UTC

When the MultiSelect component has a large amount of data and the user selects all the data items using the SelectAll option, it causes a browser hang issue. Therefore, we delay the selection of all items at once to avoid this problem. We will consider this reported scenario as an improvement feature and address it when implementing the Virtual Scrolling technique in the Multiselect component. At the planning stage for every release cycle, we review all open features and implement the features based on feature rank, customer requested count and volume wish-list.


The status of implementation can be tracked through the below portal link: 

https://www.syncfusion.com/feedback/9773


We are closing this incident now. You can also communicate with us regarding the open features any time using the “Contact” option.


Loader.
Live Chat Icon For mobile
Up arrow icon