TreeNode.Editable

Syntax

Editable: Boolean

Description

The Editable property indicates whether the node can be edited.

Comments

If the property is set to True the node name can be edited. By default this property is set to False.

Editing mode is activated on double clicking the node.

Example

To execute this example, create the TreeList component named treeList, as shown in description of the TreeNode constructor. Enable editing mode for the first node and add event handlers

var node = treeList.getNodes().getItem(0);

node.setEditable(true);

treeList.BeforeEditNode.add(function (sender, args) { console.log("before: " + node.getText())});

treeList.AfterEditNode.add(function (sender, args) { console.log("after: " + node.getText())});

After executing the example before the user starts editing name of the first node (on double clicking the node) the browser console shows the current node name. After the editing (on pressing the Enter key) the console shows a message that contains the new name.