New to Telerik UI for ASP.NET Core? Download free 30-day trial
InCell editing
- EXAMPLE
- VIEW SOURCE
-
EDIT IN TELERIK REPL
-
Change Theme
default
- Main
- Main Dark
- Nordic
- Ocean Blue
- Purple
- Turquoise
- Main
- Main Dark
- Nordic
- Urban
- Vintage
- Main
- Arctic
- Lime Dark
- Main Dark
- Nova
- Main
- Main Dark
- Opal
- Silver
Also available for:
CLIENT-SIDE API SERVER-SIDE APIDescription
A common scenario is to switch TreeList cells in edit mode by simply clicking them, update the data on the client and then process all changes on the server in a single batch update.
This demo shows how this can be accomplished using the built-in batch create, update and destroy commands of the Telerik TreeList component.
All you have to do to enable the batch data editing functionality is to:
- Turn on the incell editing by setting: .Editable(editable => editable.Mode("incell")
- Enable the Add New Record, Save Changes and Discard Changes buttons on the toolbar by setting: .ToolBar(toolbar => { toolbar.Create(); toolbar.Save(); }
- Invoke the CRUD action methods in the DataSource
Once the cells are edited you have the option to process the changes or discard them. Click on a cell/row to place it in edit mode. Use the Save changes or Cancel changes buttons to process/discard all changes at once.