1. Home
  2. Forum
  3. Blazor
  4. Multiselect control inside Dialog control does'nt update data

Multiselect control inside Dialog control does'nt update data

Hi,

I want to use a multiselect control in the content part of a dialog control.

My code is the following: 

<EjsDialog  Width="600px" ShowCloseIcon="true" @bind-Visible="@DlgVisible" IsModal="true">
<DialogTemplates>
<Header>
<div style="color:blue; font-size:150%">@Person.Nom</div>
<p style="font-size:120%;font-weight:200;">Birth: @Personne.Birth_Date</p>
</Header>
<Content>
<table class="table">
<tbody>
<tr>
<td width="100">Comment</td>
<td align="left"> @Person.Comment</td>
</tr>
<tr>
<td width="100"><div style="font-weight:300">Infos</div></td>
<td>
<EjsMultiSelect  @bind-Value="@Person.Infos" TValue="List<Int32>" Mode="@VisualMode.Box"  DataSource="@TH_Qualities">
<MultiSelectFieldSettings Text="LABEL" Value="ID"></MultiSelectFieldSettings>
</EjsMultiSelect>
</td>
</tr>
</tbody>
</table>
</Content>
<FooterTemplate>
<div>
<EjsButton OnClick="onPrevious" Content="Previous" />
<label style="margin-left:20px; margin-right:20px">@(indexLoop + 1)/@listePersons.Count() </label>
<EjsButton OnClick="onNext" Content="Next" />
</div>
</FooterTemplate>
</DialogTemplates>
</EjsDialog>

The first time, the display is correct but when I update the Person informations through the "Next" or"Previous" buttons the display is correct except for the multiselect control which is linked to the Person .Infos (List<Int32>). The informations keep the first value and don't change.

Thanks for your help.

3 Replies
PM Pandiyaraj Muniyandi Syncfusion Team October 28, 2019 09:27 AM UTC

Hi Patrick, 
 
Greetings from Syncfusion support. 
 
We have tried to replicate the issue with the mentioned use-case scenario in the following ways, but we were unable to reproduce the issue at our end. 
 
  • By configuring MultiSelect TValue property as Int32[] or int[]
  • Persons data Infos property with List<Int32>, but TH_Qualities datasource ID property type with int or int32.
 
We have prepared sample for your reference with these above requirements and download it from below link 
 
Can you please provide the replication procedure with sample or modify the above sample to reproduce your issue and revert it to us. This will help us provide a solution at earliest. Could you please confirm whether you are using latest NuGet version of Syncfusion Blazor components? 
 
Regards, 
Pandiyaraj 


PA Patrick October 28, 2019 11:29 AM UTC

Hi Pandiyaraj,

Thank you very much for your quick answer. Your exemple is working, but it's a specific case when the count of Person.Info is always the same or not decreasing.

If you have this data list:

            data.Add(new Persons("1000", "Milka", new List<Int32> { 1 }));
            data.Add(new Persons("1001", "Janet", new List<Int32> { 2, 3 , 4 }));
            data.Add(new Persons("1002", "Mercy", new List<Int32> { 4 , 1}));
            data.Add(new Persons("1003", "Laura", new List<Int32> { 5, 1 , 2 , 3 ,4 }));

You get the following display the first time



NEXT give you



and when you click on PERVIOUS, you get the following dispaly:



Thanks for your help.

Regards.

Patrick



Attachment: Dialog307363999_upd_1_6ff0f8d3.zip

NP Narayanasamy Panneer Selvam Syncfusion Team October 30, 2019 06:01 PM UTC

Hi Patrick, 
 
Thanks for your detailed information. 
 
We have validated the reported issue with “New value is not updated properly in multiselect component”. We have logged this issue as defect. Fix for the reported issue will be included in upcoming patch release. We appreciate your patience until then. 
Now, you can track status of reported issue through below feedback link: https://www.syncfusion.com/feedback/9810 

Regards,
Narayanasamy P. 


Loader.
Up arrow icon