How to enable Editing in TreeGrid

We can enable editing in TreeGrid by set “AllowEditing” property as “True”.

The following edit modes are available in TreeGrid,

Cell Editing
Row Editing
Dialog Editing

Cell Editing

In cell editing mode user can edit a specific cell of the selected row by set “EditMode” property as “cellEditing”. The below code example explains how to enable cell edit mode in TreeGrid.

The following screen shot illustrates the cell edit mode in TreeGrid.

$C:\Users\suriyaprasanth.ravik\AppData\Local\Microsoft\Windows\INetCacheContent.Word\cellEditing.png$

Row Editing

It is possible to make the entire row to editable state and to update a record by set “EditMode” property as “rowEditing”, please refer the below code snippet.

The following screen shot illustrates the row edit mode in TreeGrid.

$C:\Users\suriyaprasanth.ravik\AppData\Local\Microsoft\Windows\INetCacheContent.Word\rowEditing.png$

Sample link

A TreeGrid sample with inline editing is available in the following link, Sample.

Dialog Editing

We can perform add/edit actions through edit dialog, we can enable dialog edit mode by set “EditMode” as “dialogEditing”, please refer the below code snippet for this.

The following screen shot illustrates the dialog edit mode in TreeGrid.

$C:\Users\suriyaprasanth.ravik\AppData\Local\Microsoft\Windows\INetCacheContent.Word\dialogEditing.png$

Sample link

A TreeGrid sample with dialog editing is available in the following link, Sample

Article ID:	Published Date:	Last Revised Date:	Platform:	Control:
7884	07/31/2017	07/31/2017	ASP.NET Web Forms	TreeGrid

Tags:

Did you find this information helpful?

Yes

CONTACT US