Example: treegrid with keyboard navigation, DnD, and editing capabilites
Bringing it all together: this sample combines different extensions and
custom events to implement an editable treegrid:
'ext-dnd' to re-order nodes using drag-and-drop.
'ext-table' + 'ext-gridnav' to implement a treegrid.
Try UP / DOWN / LEFT / RIGHT, TAB, Shift+TAB
to navigate between grid cells. Note that embedded input controls
remain functional.
'ext-edit': inline editing.
Try F2 to rename a node. Ctrl+N, Ctrl+Shift+N to add nodes (Quick-enter: add new nodes until
[enter] is hit on an empty title).
Extended keyboard shortcuts: Ctrl+C, Ctrl+X, Ctrl+P for copy/paste, Ctrl+UP, Ctrl+DOWN, Ctrl+LEFT, Ctrl+RIGHT to move nodes around and change indentation.
3rd-party contextmenu for additional edit commands