How do you "Deselect All" multi-selected items in a RadzenGrid

frankn · February 19, 2021, 11:22pm

I'm doing a Blazor application with RadzenGrid but I'm not figuring out how to de-select all selected items in the grid.

I want to capture the items selected to then use the selection for a different process.

Is there any sample code that shows how to do it?

I've tried this, but does not work.
sampleGrid.Reset();

Thanks,
Frank

frankn · February 19, 2021, 11:27pm

Never mind, I just solved it with:

sampleGrid.Reset(true,true);

Thanks,
Frank

enchev · February 20, 2021, 6:42am

Hi @frankn,

As alternative if the DataGrid Value is bound you can set the property to null similar to our demo:

github.com

radzenhq/radzen-blazor/blob/master/RadzenBlazorDemos/Pages/DataGridMultipleSelectionPage.razor#L17


@inject NorthwindContext dbContext

<RadzenExample Name="DataGridMultipleSelection">
    <RadzenGrid AllowFiltering="true" FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive" FilterMode="FilterMode.Advanced" AllowPaging="true" PageSize="4"
                AllowSorting="true" Data="@employees" TItem="Employee" ColumnWidth="200px"
                SelectionMode="DataGridSelectionMode.Multiple" @bind-Value=@multipleValues>
        <Columns>
            <RadzenGridColumn TItem="Employee" Width="40px" Sortable="false" Filterable="false">
                <HeaderTemplate>
                    <RadzenCheckBox TriState="false" TValue="bool" Value="@(employees.Any(i => multipleValues != null && (multipleValues as IEnumerable<Employee>).Contains(i)))"
                                    Change="@(args => multipleValues = args ? employees : null)" />
                </HeaderTemplate>
                <Template Context="data">
                    <RadzenCheckBox TriState="false" Value="@(multipleValues != null && (multipleValues as IEnumerable<Employee>).Contains(data))" />
                </Template>
            </RadzenGridColumn>
            <RadzenGridColumn TItem="Employee" Property="EmployeeID" Title="Employee ID" />
            <RadzenGridColumn TItem="Employee" Property="Photo" Title="Photo" Sortable="false" Filterable="false">
                <Template Context="data">
                    <RadzenImage Path="@data?.Photo" />
                </Template>