New to Telerik UI for Blazor? Download Free 30-day trial

Grid - Popup Editing

Configurator

Form Orientation

1 Chai 39 18.00 False You can edit only discontinued products!
2 Chang 17 19.00 False You can edit only discontinued products!
3 Aniseed Syrup 13 10.00 False You can edit only discontinued products!
4 Chef Anton's Cajun Seasoning 53 22.00 False You can edit only discontinued products!
5 Chef Anton's Gumbo Mix 0 21.35 True
6 Grandma's Boysenberry Spread 120 25.00 False You can edit only discontinued products!
7 Uncle Bob's Organic Dried Pears 15 30.00 False You can edit only discontinued products!
8 Northwoods Cranberry Sauce 6 40.00 False You can edit only discontinued products!
9 Mishi Kobe Niku 29 97.00 True
10 Ikura 31 31.00 False You can edit only discontinued products!
11 Queso Cabrales 22 21.00 False You can edit only discontinued products!
12 Queso Manchego La Pastora 86 38.00 False You can edit only discontinued products!
13 Konbu 24 6.00 False You can edit only discontinued products!
14 Tofu 35 23.25 False You can edit only discontinued products!
15 Genen Shouyu 39 15.50 False You can edit only discontinued products!
  • Editing-popup.razor
  • ProductService.cs
  • ProductDto.cs
Loading the demo source code...please wait.

Description

The Telerik Grid for Blazor provides editing functionalities. You can choose between three different modes:
  • Inline
  • InCell
  • Popup
All modes support validation. This demo showcases the capabilities of the Popup editing mode as well as customizing command column buttons. When you click on an Edit command button on a Grid row a popup window will show on top of the Grid containing all editable columns. The dialog exposes two additional command buttons - Update and Cancel to either apply the changes or to cancel the edit operation. The Grid exposes `GridPopupEditSettings` that allow you to customize Window, and `GridPopupEditFormSettings` that allow you to customize the orientation, columns, columnspacing options of the Form.

Support & Learning Resources

An error has occurred. This application may no longer respond until reloaded.
Reload