R2 2018 Release is here – now with modern UI for chatbots and more! See what’s new!
Change Theme

SASS Themes

    LESS Themes

      SASS Theme Builder

      Create new or customize SASS themes
      Launch Theme Builder

      TreeList / InCell editing

      Description

      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.

      ASP.NET Core source

      Also available for:

      • editing_incell.cshtml
      • Editing_IncellController.cs
      • EmployeeDirectoryController.cs
      • EmployeeDirectoryModel.cs

      Support & learning resources

      TreeList for other technologies