Bringing it all together: this sample combines different extensions and custom events to implement an editable tree:

• '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+C, Ctrl+X, Ctrl+P for copy/paste,
  Ctrl+N, Ctrl+Shift+N to add new nodes,
  Ctrl+UP, Ctrl+DOWN, Ctrl+LEFT, Ctrl+RIGHTto move nodes around.
• 3rd-party contextmenu for additional edit commands