MultiSelect - on loading the control it shows "2 items selected" instead of the values selected

Hi,

I am using the component ejs-multiselect. I have a simple form and when I open it for edit I have items preselected in the control. The problem is when i open the form and i have 2 preselected items, for example, the text of the multiselect is "2 items selected" instead of "John Smith, Bella Simpson". Can you please tell me how to configure the control so that when I open the form i see the names and not how much items i have selected.

This is my code:

 <ejs-multiselect id="AssignedUsersIds" floatLabelType="Auto" popupHeight="350px" value="@Model.Result.AssignedUsersIds" placeholder="@Localizer.GetLocalizedHtmlString("AssignedTo")" >
                                <e-data-manager adaptor="UrlAdaptor" url="@Url.Action("UrlDatasourceUserPerson", "Collections")"></e-data-manager>
                                <e-multiselect-fields text="PersonFullName" value="userId"></e-multiselect-fields>
                            </ejs-multiselect>

I also attach 2 files: MultiSelect_HowItAppears.PNG and MultiSelect_HowItShouldAppear.PNG to illustrate the situation.

Thank you in advance for the help!!

Hi Elena,  

 

Greetings from Syncfusion support. 

 

We cannot able to see the attached screenshot. But we suspect that you were placed the component inside tab or boostrap modal. The cause of the issue is, when the parent component’s is in display none, then parent component overrides the child component width. So MultiSelect component width is not properly calculated. To get rid of the reported issue, we suggest to call the refresh method as mentioned below, 

 

If you have  placed the component inside bootstrap modal, then call the refresh method in the modal open event, 

 

If have placed the component inside Syncfusion tab, then  call the refresh method in the tab selected event, 

 

 

 

Please find the sample below, 

 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/WebApplication1-841981117 

 

 

Regards, 

Sevvandhi N 

Hi Elena, 

  

Most welcome. Please let us know if you need any further assistance.  

  

Regards, 

Sevvandhi N