WebTreeView.NET also comes with the node editing ability. Node editing means that you can add a node, delete a node, and edit a node. These three client-side actions provide you full control over a node. In order to take advantage of this feature, you need to set AllowAddNode, AllowDeleteNode, AllowNodeEditing to Yes.

The sample above will demonstrate the editing behavior in WebTreeView.

To experience adding the node into WebTreeView, type any text into the TextBox provided, and click on "Add New Node" button. If the method is called from WebTreeView object, in other words you did not select any specific node, the newly created node will be added as a root node's sibling, but if the method is called after you selected specific node, the new node will be treated as a child node for the respective selected node.

To practice with inline-node editing process, try the steps below:
1. Click on the node that you would like to edit.
2. Click on "Edit Selected Node".
3. You can now do inline-node editing with the selected node.

For node editing, you can also make use of your keyboard and mouse. You can perform the editing as well by slowly double clicking the node's text like what you have in windows, or you can also activate the edit mode by pressing "F2" key from your keyboard.

To undo any inline-node editing, simply press CTRL+Z keys from the keyboard.

The DeleteNode() method works for all node level, root node, child, grand child node. If you delete a parent node, the child nodes will also be deleted. This is the default behavior. To know how delete node works in WebTreeView, click on one of the node listed in WebTreeView, and click on "Delete Selected Node". Delete node action can also be performed using delete key from the keyboard.