Delete Confirmation Dialog
The delete confirmation dialog triggers before item deletion. You can enable it by setting the ConfirmDelete parameter of the Grid to true.
Delete Confirmation dialog
Enabling of the Delete Confirmation Dialog
@* Grid with enabled Delete Confirmation Dialog *@
@using System.ComponentModel.DataAnnotations
<TelerikGrid Data=@MyData Pageable="true" Height="400px"
OnDelete="@DeleteHandler" ConfirmDelete="true">
<GridColumns>
<GridColumn Field=@nameof(SampleData.ID) Title="ID" />
<GridColumn Field=@nameof(SampleData.Name) Title="Name" />
<GridCommandColumn>
<GridCommandButton Command="Delete" Icon="@FontIcon.Trash">Delete</GridCommandButton>
</GridCommandColumn>
</GridColumns>
</TelerikGrid>
@code {
async Task DeleteHandler(GridCommandEventArgs args)
{
SampleData item = (SampleData)args.Item;
await MyService.Delete(item);
await GetGridData();
}
public class SampleData
{
public int ID { get; set; }
[Required]
public string Name { get; set; }
}
List<SampleData> MyData { get; set; }
async Task GetGridData()
{
MyData = await MyService.Read();
}
protected override async Task OnInitializedAsync()
{
await GetGridData();
}
public static class MyService
{
private static List<SampleData> _data { get; set; } = new List<SampleData>();
public static async Task<List<SampleData>> Read()
{
if (_data.Count < 1)
{
for (int i = 1; i < 50; i++)
{
_data.Add(new SampleData()
{
ID = i,
Name = "Name " + i.ToString()
});
}
}
return await Task.FromResult(_data);
}
public static async Task Delete(SampleData itemToDelete)
{
_data.Remove(itemToDelete);
}
}
}