EnableEdit: Boolean
The EnableEdit property determines whether tab headers can be edited.
If the property is set to True the tab headers can be edited. By default the property is set to False.
To switch to the edit mode, double click desired header.
To quit the edit mode, click on the space outside the edited header.
To execute the example, the page must contain the TabControl component named tabcontrol (see Example of Creating the TabControl Component). Enable editing and add handlers for the TabEdited, TabEditing and TextEdited events:
tabcontrol.setEnableEdit(true)
tabcontrol.TabEdited.add(function ()
{
tabcontrol.showContent()
})
tabcontrol.TabEditing.add(function ()
{
tabcontrol.hideContent()
})
tabcontrol.TextEdited.add(function (sender, args)
{
console.log("Index: " + args.TabIndex + "; Header: " + args.Caption)
})
After executing the example, tab headers can be edited. Switch to edit mode. While the header is in edit mode, the tab content is hidden. After quitting the edit mode the tab contents appears. If the header text is changed before quitting the edit mode, tab index and its modified header are displayed to the browser console.
See also: