Difference in two multiselect

[Sandra Bordier]

Dear support, I have several multi select in my dialog form.

They are all with dataBindings.

I don't get why the 1rst multi select show "Geran, Employé" while the second show "6 selected".

First multi select : 

<ejs-multiselect

id='multiselectlistUpdateUserType'

ref='multiselectlistUpdateUserType'

floatLabelType="Auto"

:dataSource='this.getRefUserTypeList'

:fields='fields'

placeholder='Qui peut voir le planning ? *'

v-model="form.ref_user_types"

></ejs-multiselect>

2nd multi select : 

<ejs-multiselect

id='multiselectlistUpdateWorkingDays'

ref='multiselectlistUpdateWorkingDays'

floatLabelType="Auto"

:dataSource='this.getDayList()'

:fields='fields'

placeholder='Jour(s) de travail *'

v-model="form.config.workDays"

></ejs-multiselect>

Firstly, I would like all my multiselect to show the same kind of message . Either "name1, name 2" or "X selected", but not the two ways at the same time.

Moreover, how can I change " X selected" by " X sélectionnés " (french language).

Best regards !

Attachment: code_3929b0e2.zip

[Sevvandhi Nagulan]

Hi Sandra, 

Greetings from Syncfusion support. 

We checked your query. . We can replicate the reported issue at our end. Initially, the multiselect component will be in hidden state. After performing some action, the component will be visible on the page. So, you have updated the value to the component at initial state and that time component is not visible in the page. At this time, the multiselect component width is zero. Hence value also not updated property based on the width. We request you to refresh the component, once the component is rendered. For this, we suggest that you call the refresh method in dialog’s open event. Refer the below code. 

this.$refs. multiselectlistUpdateUserType.ej2Instances.refresh(); 

Kindly get back to us for further assistance. 

Regards, 

Sevvandhi N