Select and edit when creating node.appendChild in EXTJS

Question

I'm very new to Extjs and I'm currently working with a tree where I can create a branch and then create sections. I need help with the code editing functionality.

createSection: function(button){ var node = Button.up('menu').node;

if (node.data.leaf) {
        return false;
    }

    node.expand();

    var newSection = node.appendChild({
        name: 'New section ' + "(" + (node.childNodes.length +1) + ")" ,
        type: 'toc-by-system',
        leaf: false,
        id: uuid['v4'](),
        children: [],
        editor: {
            xtype: 'textfield'
        }
    });

    newSection.BeginEdit(),
},

Answer 1

Check out this fiddle, it has options for single and double click editing Dynamic Tree Unit Editor