SASS Themes
LESS Themes
Grid / Popup editing
Description
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 Ajax Editing
More about Telerik Grid for ASP.NET Core
ASP.NET Core source
Also available for:
- editing_popup.cshtml
- Editing_PopupController.cs
- ProductService.cs
- ProductViewModelGridPopUp.cs