RadzenDataGrid and FilterTemplate wont filter first time #242

New Issue

claunia · 2026-01-29T17:34:05Z

claunia commented

2026-01-29 17:34:05 +00:00

Originally created by @carlberg74 on GitHub (Nov 10, 2021).

Describe the bug
Using Radzen.Blazor 3.11.12
In a RadzenDataGrid column, using ex. RadzenDatePicker in FilterTemplate to allow users to select a date, filter don't occur first time.
User selects a date and nothing happends, user then select the same date again or click or trigger event like order or filter and filter take effect.

To Reproduce
This example reproduces the issue.
Select a date and see that did not filter, and then select the same date again and see the filter occur as expected.
Id_1 and Id_2 works as expected.
Id_2 is just to use the data Template to see if that had any effect..
Id_3 and Date dont work as expected.

@data.Id

    <RadzenDataGridColumn TItem="DataRow" Property="Timestamp" Title="Date" FilterOperator="FilterOperator.GreaterThan" FilterValue="@_timestampFilter" FormatString="{0:yyyy-MM-dd HH:mm}" Width="50px">
        <FilterTemplate>
            <RadzenDatePicker @bind-Value="@_timestampFilter" DateFormat="yyyy-MM-dd" Change="@OnChange" />
        </FilterTemplate>
    </RadzenDataGridColumn>
</Columns>

@code {
RadzenDataGrid _grid;
List _rows;
DateTimeOffset _timestampFilter;
string _idFilter;

protected override async Task OnInitializedAsync()
{
    _rows = new List<DataRow>();
    for (int i = 0; i < 10; i++)
    {
        _rows.Add(new DataRow()
        {
            Id = i,
            Timestamp = DateTimeOffset.Now.AddDays(i)
        });
    }
}   
void OnChange()
{
    _grid.Reload();
}

class DataRow
{
    public int Id { get; set; }
    public DateTimeOffset Timestamp { get; set; }
}

}

Originally created by @carlberg74 on GitHub (Nov 10, 2021). **Describe the bug** Using Radzen.Blazor 3.11.12 In a RadzenDataGrid column, using ex. RadzenDatePicker in FilterTemplate to allow users to select a date, filter don't occur first time. User selects a date and nothing happends, user then select the same date again or click or trigger event like order or filter and filter take effect. **To Reproduce** This example reproduces the issue. Select a date and see that did not filter, and then select the same date again and see the filter occur as expected. Id_1 and Id_2 works as expected. Id_2 is just to use the data Template to see if that had any effect.. Id_3 and Date dont work as expected. <div style="margin: 25px;"> <RadzenDataGrid AllowFiltering="true" AllowColumnResize="true" FilterMode="FilterMode.Simple" PageSize="50" AllowPaging="true" AllowSorting="true" Data="@_rows" TItem="DataRow" @ref="_grid" FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive" LogicalFilterOperator="LogicalFilterOperator.And"> <Columns> <RadzenDataGridColumn TItem="DataRow" Property="Id" Title="ID_1" Width="30px" TextAlign="TextAlign.Center" /> <RadzenDataGridColumn TItem="DataRow" Property="Id" Title="ID_2" Width="30px" TextAlign="TextAlign.Center"> <Template Context="data">  <div title=""> @data.Id </div> </Template> </RadzenDataGridColumn> <RadzenDataGridColumn TItem="DataRow" Property="Id" Title="ID_3" Width="30px" TextAlign="TextAlign.Center" FilterValue="_idFilter"> <FilterTemplate> <RadzenTextBox @bind-Value="@_idFilter" Change="@OnChange" /> </FilterTemplate> </RadzenDataGridColumn> <RadzenDataGridColumn TItem="DataRow" Property="Timestamp" Title="Date" FilterOperator="FilterOperator.GreaterThan" FilterValue="@_timestampFilter" FormatString="{0:yyyy-MM-dd HH:mm}" Width="50px"> <FilterTemplate> <RadzenDatePicker @bind-Value="@_timestampFilter" DateFormat="yyyy-MM-dd" Change="@OnChange" /> </FilterTemplate> </RadzenDataGridColumn> </Columns> </RadzenDataGrid> </div> @code { RadzenDataGrid<DataRow> _grid; List<DataRow> _rows; DateTimeOffset _timestampFilter; string _idFilter; protected override async Task OnInitializedAsync() { _rows = new List<DataRow>(); for (int i = 0; i < 10; i++) { _rows.Add(new DataRow() { Id = i, Timestamp = DateTimeOffset.Now.AddDays(i) }); } } void OnChange() { _grid.Reload(); } class DataRow { public int Id { get; set; } public DateTimeOffset Timestamp { get; set; } } }

claunia closed this issue

2026-01-29 17:34:05 +00:00

claunia commented

2026-01-29 17:34:06 +00:00

@enchev commented on GitHub (Nov 10, 2021):

The binding is not updated yet at the time Reload() is executed. You can do:

    bool reload = false;
    void OnChange()
    {
        reload = true;
    }

    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if (reload)
        {
            reload = false;
            await _grid.Reload();
        }

        await base.OnAfterRenderAsync(firstRender);
    }

@enchev commented on GitHub (Nov 10, 2021): The binding is not updated yet at the time Reload() is executed. You can do: ``` bool reload = false; void OnChange() { reload = true; } protected override async Task OnAfterRenderAsync(bool firstRender) { if (reload) { reload = false; await _grid.Reload(); } await base.OnAfterRenderAsync(firstRender); } ```

claunia referenced this issue

2026-01-29 18:17:05 +00:00

[PR #242] [MERGED] Slider support for negative values added #2081

claunia referenced this issue

2026-01-29 18:17:06 +00:00

[PR #242] Slider support for negative values added #2084

Sign in to join this conversation.