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

      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.

      For more details about the batch editing capabilities of the MVC TreeList see the help article here.

      ASP.NET MVC source

      Also available for:

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

      Support & learning resources

      TreeList for other technologies