New to Kendo UI for jQuery? Download free 30-day trial

InCell editing

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • editing-incell.html
  • Sample service

Also available for:

API REFERENCE

Description

In numerous scenarios there's a requirement not only to visualize data in a table structure, but to have the ability to manipulate this data and save changes.

The Kendo UI TreeList widget supports data editing operations (create, update, destroy) via a simple configuration of its data source. All you have to do to enable data editing capabilities for the widget is to:

  • set the TreeList's editable configuration option
  • declare field definitions through the DataSource schema
  • configure the DataSource for performing CRUD data operations defining its transport->create/update/destroy attributes

If you want to enable new records insertion, you can do that by enabling the relevant option in the TreeList toolbar. For deleting items you need to include a delete command column.

The focus of this demo is to present how to enable batch editing operations by specifying the batch->true option via the TreeList's data source settings and enabling the batch editing for the TreeList by setting its editable property to incell.

More details about the TreeList editing capabilities can be found in the documentation here.

Support & Learning Resources