Grid Selection Style Not Updating #953

New Issue

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

claunia commented

2026-01-29 17:46:51 +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 referenced this issue

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

[PR #953] [MERGED] [DatePicker / Bugfix] FirstDayOfWeek changing doesn't affect day names #2421

claunia referenced this issue

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

[PR #953] [DatePicker / Bugfix] FirstDayOfWeek changing doesn't affect day names #2425

Sign in to join this conversation.