Grid Selection Style Not Updating #956

New Issue

claunia · 2026-01-29T17:46:53Z

claunia commented

2026-01-29 17:46:53 +00:00

Originally created by @pgodwin on GitHub (Aug 11, 2023).

Describe the bug
When using @bind-Value, changes to the bound value do not update the row style to show they are selected.

To Reproduce
Use the follwing code and press the "Select Homer" option to change the selection.

@page "/"

<RadzenButton Text="Select Homer"
    Click="@(()=>{ SelectedItems.Clear(); SelectedItems.Add(Data[0]); StateHasChanged();})"
    />

<RadzenDataGrid
    TItem="Test"
    Data="@Data"
    @ref="grid"
    SelectionMode="DataGridSelectionMode.Multiple"
    AllowRowSelectOnRowClick="false"
    @bind-Value="SelectedItems">
    <Columns>
        <RadzenDataGridColumn TItem="Test"
                              Width="60px"
                              Sortable="false"
                              Filterable="false">
            <HeaderTemplate>
                <RadzenCheckBox TValue="bool"
                                TriState="false"
                                Value="@(this.Data?.Any(i => SelectedItems != null && SelectedItems.Contains(i)) ?? false)"
                                Change="@(selected => SelectedItems = selected ? Data?.ToList() : new List<Test>())" />

            </HeaderTemplate>
            <Template Context="row">
                <RadzenCheckBox TValue="bool"
                                TriState="false"
                                Value="@(SelectedItems != null && SelectedItems.Contains(row))"
                                Change="@(selected => { if (selected) SelectedItems?.Add(row); else SelectedItems?.Remove(row); })" />
            </Template>
        </RadzenDataGridColumn>
        <RadzenDataGridColumn TItem="Test" Title="Id" Property="Id" />
        <RadzenDataGridColumn TItem="Test" Title="Name" Property="Name" />
    </Columns>
</RadzenDataGrid>

@code {
    
    public class Test
    {
        public int Id { get; set; }
        public string Name { get; set; }
    }

    public RadzenDataGrid<Test> grid;

    public IList<Test> SelectedItems = new List<Test>();

    public List<Test> Data = new()
    {
        new Test { Id = 1, Name = "Homer" },
        new Test { Id = 2, Name = "Bart" }
    };
}

Expected behavior
The items in the bound value should be displayed with the selection style on the row.

Screenshots
Behaviour after pressing "SELECT HOMER"

Desktop (please complete the following information):

OS: Windows 11
Browser Chrome
Version: 115.0.5790.111
Radzen: 4.15.3

Originally created by @pgodwin on GitHub (Aug 11, 2023).  **Describe the bug** When using `@bind-Value`, changes to the bound value do not update the row style to show they are selected. **To Reproduce** Use the follwing code and press the "Select Homer" option to change the selection. ```csharp @page "/" <RadzenButton Text="Select Homer" Click="@(()=>{ SelectedItems.Clear(); SelectedItems.Add(Data[0]); StateHasChanged();})" /> <RadzenDataGrid TItem="Test" Data="@Data" @ref="grid" SelectionMode="DataGridSelectionMode.Multiple" AllowRowSelectOnRowClick="false" @bind-Value="SelectedItems"> <Columns> <RadzenDataGridColumn TItem="Test" Width="60px" Sortable="false" Filterable="false"> <HeaderTemplate> <RadzenCheckBox TValue="bool" TriState="false" Value="@(this.Data?.Any(i => SelectedItems != null && SelectedItems.Contains(i)) ?? false)" Change="@(selected => SelectedItems = selected ? Data?.ToList() : new List<Test>())" /> </HeaderTemplate> <Template Context="row"> <RadzenCheckBox TValue="bool" TriState="false" Value="@(SelectedItems != null && SelectedItems.Contains(row))" Change="@(selected => { if (selected) SelectedItems?.Add(row); else SelectedItems?.Remove(row); })" /> </Template> </RadzenDataGridColumn> <RadzenDataGridColumn TItem="Test" Title="Id" Property="Id" /> <RadzenDataGridColumn TItem="Test" Title="Name" Property="Name" /> </Columns> </RadzenDataGrid> @code { public class Test { public int Id { get; set; } public string Name { get; set; } } public RadzenDataGrid<Test> grid; public IList<Test> SelectedItems = new List<Test>(); public List<Test> Data = new() { new Test { Id = 1, Name = "Homer" }, new Test { Id = 2, Name = "Bart" } }; } ``` **Expected behavior** The items in the bound value should be displayed with the selection style on the row. **Screenshots** Behaviour after pressing "SELECT HOMER" <img width="1100" alt="image" src="https://github.com/radzenhq/radzen-blazor/assets/1046558/ce884a4a-e305-483b-8267-73f454b69428"> **Desktop (please complete the following information):** - OS: Windows 11 - Browser Chrome - Version: 115.0.5790.111 - Radzen: 4.15.3

claunia closed this issue

2026-01-29 17:46:53 +00:00

claunia commented

2026-01-29 17:46:54 +00:00

@enchev commented on GitHub (Aug 11, 2023):

This code will not invoke Parameter change of the Blazor component:

Click="@(()=>{ SelectedItems.Clear(); SelectedItems.Add(Data[0]); StateHasChanged();})"

This code will:

Click="@(()=> SelectedItems = Data.Where(i => i.Id == 1).ToList())" />

Blazor components will not listed to any collection change events .. not to mention that IList does not have such.

@enchev commented on GitHub (Aug 11, 2023): This code will not invoke Parameter change of the Blazor component: ``` Click="@(()=>{ SelectedItems.Clear(); SelectedItems.Add(Data[0]); StateHasChanged();})" ``` This code will: ``` Click="@(()=> SelectedItems = Data.Where(i => i.Id == 1).ToList())" /> ``` Blazor components will not listed to any collection change events .. not to mention that IList does not have such.

claunia referenced this issue

2026-01-29 18:18:45 +00:00

[PR #956] [MERGED] Color Picker: reset the color to the initial state when dismissing a popup #2420

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/radzen-blazor#956