Issue when multi-selecting RadzenDropDownDataGrid

I am following the implementation for the “Multiple Selection” example on Blazor DropDown component with columns and multiple selection support
I am facing the same issue where the selected text does not show correct selected values and is unable to unselect the last dropdown item. The issue is reproducible in the example on Radzen site.

I have recorded a video of the steps.
https://drive.google.com/file/d/1-eo6yGhtY51-pb3aqMMRHMw-nNtS8Uba/view?usp=sharing

My Implementation

<RadzenDropDownDataGrid 
  AllowClear="false"
  AllowRowSelectOnRowClick="true"
  Count="@getTeamsForTeamIdCount"
  Data="@getTeamsIdResult"
  Multiple="true"
  Placeholder="Choose Teams"
  ShowSearch="false" 
  style="width: 100%" 
  TextProperty="TeamName"
  @bind-Value="@(selectedTeamIds)" 
  ValueProperty="Id" 
  Name="Teams"
  LoadData="@TeamsLoadData">
<Columns>
  <RadzenDropDownDataGridColumn Property="TeamName" Title="Name">
  </RadzenDropDownDataGridColumn>
</Columns>
</RadzenDropDownDataGrid>

Steps to reproduce.

  1. Open the dropdown data grid and select three rows
  2. Unselect one row
  3. Unselect one more row (you should see that the row is unselected but the display text has the value still)
  4. Unselect the last remaining one. (Some other row gets selected)

Hi @Prolay_Sarkar,

We were able to reproduce the issue and we will do our best to provide fix as soon as possible - meanwhile you can set AllowRowSelectOnRowClick to false to avoid this.

UPDATE: Issue is resolved in our latest update.

1 Like