FilterTemplate with RadzenCheckBox calls LoadData twice

Radzen.Blazor Components
1

Hi,
I have a RadzenDataGrid with a FilterTemplate with a RadzenCheckBox: when I click on the checkbox the LoadData event is triggered two times.
This behaviour doesn't happen when in the FilterTemplate I have a RadzendTextBox.

The grid:

<RadzenDataGrid @ref="_itemsGrid" AllowMultiColumnSorting="true" AllowFiltering="true" AllowPaging="true" AllowSorting="true" AllowColumnResize="true" ColumnWidth="300px"
                        FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive" FilterMode="FilterMode.Simple"
                        TItem="ItemSearchDTO"
                        PageSize="15" Data="@_data" LoadData="@LoadData" Count="2">
            <Columns>
                
                <RadzenDataGridColumn Width="100px" TItem="ItemSearchDTO" Property="Element.Code" Title="DACode" Frozen="true" FilterOperator="FilterOperator.Contains" Sortable="true" Filterable="true">
                    <Template Context="item">
                        <a href=@($"items/{item.Id}")>@(!string.IsNullOrWhiteSpace(item.Code) ? item.Element.Code : "ND")</a>
                    </Template>
                    <FilterTemplate>
                        <label class="rz-cell-filter-label" style="height:35px">
                            <i class="rzi">search</i>
                            <RadzenTextBox Change="@(async args => { context.FilterValue = args; await OnChange(args); })"></RadzenTextBox>
                        </label>
                    </FilterTemplate>
                </RadzenDataGridColumn>

                <RadzenDataGridColumn Width="80px" TItem="ItemSearchDTO" Property="Expired" Title="Expired" FilterOperator="FilterOperator.Equals" Sortable="true" Filterable="true">
                    <FilterTemplate>
                        <label class="rz-cell-filter-label" style="height:35px">
                            <i class="rzi">search</i>
                            <RadzenCheckBox TriState="true" TValue="bool?" Change="@(async args => { context.FilterValue = args; await OnChange(args); })" />
                        </label>
                    </FilterTemplate>
                </RadzenDataGridColumn>

            </Columns>
        </RadzenDataGrid>

The entity:

public class ItemSearchDTO 
{
public string DACode {get; set;}
public bool Expired {get;set;}
}

The code behind:

private async Task LoadData(LoadDataArgs args)
        {
            var _data = new List<ItemSearchDTO>
            {
                new ItemSearchDTO
                {
                    Code = "c1",
                    Expired = true,
                },
                new ItemSearchDTO
                {
                    Code = "c2",
                    Expired = false,
                }
            };
        }
2

Any ideas?
Thank you

3

Hi, I notice that in some case I have the same problem...

4

PLEASEEE :smiley:
Any news?

5

same problem here, the workaround we have implemented is to replace the checkbox component with a dropdown component with yes/no options...

6

Any help wold be really appreciated.
Thank you

P.S.: in the first post I forgot to paste the OnChange method:

        private async Task OnChange(object _)
        {
            await _itemsGrid.Reload();
        }
7 
                        <label class="rz-cell-filter-label" style="height:35px">
                            <i class="rzi">search</i>
                            <RadzenCheckBox TriState="true" TValue="bool?" Change="@(async args => { context.FilterValue = args; await OnChange(args); })" />
                        </label>

Nesting the CheckBox in a label is causing the problem - the checkbox is getting clicked twice. Try moving it out of the label.

8

I replaced the label with a div and the problem disappears: it's a bug in the label management of FilterTemplate?

Thank you very much