Example: 'edit' extension

Rename or create nodes using inline editing.

Edit the node titles with `dblclick`, `Shift + click` [F2], or [Enter] (on Mac only). Also a `slow click` (click again into already active node).

Status: production. Details: ext-edit.

Skin: Connectors

Source code

      var node = $.ui.fancytree.getTree("#tree").getActiveNode();
      if( !node ) {
        alert("Please activate a parent node.");
        return;
      }
      node.editCreateNode("child", "Node title");

Source code

      var node = $.ui.fancytree.getTree("#tree").getActiveNode();
      node.editCreateNode("after", {
        title: "Node title",
        folder: true
      });

Fancytree project home Link to this page Example Browser View source code

Fancytree @VERSION, jQuery UI 1.13.0, jQuery 3.6.0