Issue with DropDown Multiple Select

Radzen.Blazor Components
1

Hello,
I am trying to mirror your example regarding multiple select in a DropDown component:

This is the code of my DropDown component:

<RadzenDropDown TValue="string" FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive" AllowFiltering="true" class="w-100"
            Placeholder="Select..." Multiple=true Chips=true Name="Location" @bind-Value=@selectedPlants Data=@cpiEntities TextProperty="CompanyName" ValueProperty="Company" AllowSelectAll="false" MaxSelectedLabels="4" TabIndex="7" />

And this is the code behind:

protected IEnumerable<EntityDto> cpiEntities;
protected IList<string> selectedPlants;

 protected override async Task OnInitializedAsync()
 {

     selectedPlants = new string[] { "DE0100", "FR0211" };

     cpiDivisions = await DataService.GetCpiDivisions();
     cpiClusters = await DataService.GetCpiClusters();
     cpiSubClusters = await DataService.GetCpiSubClusters();
     cpiEntities = await DataService.GetCpiEntities();

 }

Any idea what I am doing wrong?

Thank you.

2

Forgot to add the errors I get:

Screenshot 2023-10-10 at 10.56.31
Screenshot 2023-10-10 at 10.56.311319×103 6.75 KB

If I remove the @bind-Value from the dropdown, the app runs as expected.

3

Should be IEnumerable of something not simple type. Better remove this declaration, Blazor will get it from @bind-Value.

4

Hi Enchev,

That worked.
Thank you very much for your help.