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

Changing what replaces the placeholder when selections are made

Thread ID:

Created:

Updated:

Platform:

Replies:

145531 Jun 26,2019 09:51 PM UTC Jul 1,2019 09:58 AM UTC Angular - EJ 2 3
loading
Tags: MultiSelectDropdown
Elise Rothberg
Asked On June 26, 2019 09:51 PM UTC

Hello,

I am using the multiselect dropdown in checkbox mode with select all.

How can I dynamically clear the selected choices from the top box of the dropdown? I can reset the checkboxes dynamically but the text in that box doesn't clear.

Also, what is shown changes format seemingly randomly- sometimes showing the total count selected and sometimes showing the names of what was selected- is there a methodology behind that?

If you do take the time to provide a sample, I would greatly appreciate it if you'd use Stackblitz as I do not use VS code.

Thanks,
ER

Prince Oliver [Syncfusion]
Replied On June 27, 2019 12:08 PM UTC

Hello Elise, 
 
Thank you for contacting us. 
 
Query 1: How can I dynamically clear the selected choices from the top box of the dropdown? I can reset the checkboxes dynamically but the text in that box doesn't clear. 
 
You can dynamically clear the selected values by passing false in the selectAll method. Kindly refer to the following code. 
 
public onclick = () => { 
    this.mulObj.selectAll(false); 
} 
 
 
Query 2: Also, what is shown changes format seemingly randomly- sometimes showing the total count selected and sometimes showing the names of what was selected- is there a methodology behind that? 
 
If the selected content fits inside the input box, the dropdowns display the selected items directly. If the width of the selected items exceeds the input box, then the items that does not fit are displayed with “+ X more” template. This is the control’s behavior. 
 
Let us know if you need any further assistance on this. 
 
Regards, 
Prince 


Elise Rothberg
Replied On June 28, 2019 10:32 PM UTC

Thank you for the reply and the stackblitz.

When using selectAll(false), there is a lag of about 1-2 seconds when the text in the box is visible and then it clears  - is there a way to not have the text show up in the text box at all?



Prince Oliver [Syncfusion]
Replied On July 1, 2019 09:58 AM UTC

Hello Elise,  
 
Thank you for your update. 
 
We checked the reported issue in our end. Unfortunately, we could not replicate any lag in our end. The control works fine. Kindly share us more information on the issue with screenshot or video demonstrating the issue. This will help us provide a prompt solution. 
 
You can also clear the values by setting value property as null. Kindly refer to the following code. 
 
public onclick = () => {  
    this.mulObj.value = null;  
}  

Regards, 
Prince 


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