New to Telerik UI for ASP.NET Core? Download free 30-day trial
Popup editing
Loading Demo...
- EXAMPLE
- VIEW SOURCE
- Edit in Theme Builder
-
Change Theme
DefaultSASSLESS
- Default
- Bootstrap
- Material
- Launch Theme Builder
- editing_popup.cshtml
- Editing_PopupController.cs
- ProductService.cs
- ProductViewModelGridPopUp.cs
Also available for:
API REFERENCEDescription
In various scenarios there is a requirement to not only visualize tabular data, but also allow the ability to the edit the rows content in a popup edit form. In this demo you can edit or insert new items via a popup window by configuring the Telerik for ASP.NET Core Grid as follows:
- Activate the popup editing by setting:
.Editable(editable => editable.Mode(GridEditMode.PopUp))
- To enable insertion of new records add the New Record button on the toolbar:
.ToolBar(toolbar => toolbar.Create())
- To enable the Edit and Delete commands on each row insert a new column:
columns.Command(command => { command.Edit(); command.Destroy(); });
- Declare the Create, Read, Update and Destroy action methods in the DataSource. These methods are responsible for the data items manipulation.
- Specify a unique field in the Model as the DataSource.Model.Id
More about the Telerik Grid for ASP.NET Core Popup Editing
More about Telerik Grid for ASP.NET Core