<div id="tree" style="height: 450px; width:350px; overflow: auto; border:1px solid #c3daf9;"></div>
 

Ext.onReady(function()
{
    Ext.MessageBox.buttonText = {
        cancel: 'Отменить',
        no : 'Нет',
        ok : 'Ок',
        yes: 'Да'
    }
   
    // shorthand
    var Tree = Ext.tree;
 
    var tree = new Tree.TreePanel({
        title: 'Структура сайта',
//  loader: new Ext.tree.TreeLoader({
//    preloadChildren: true
//  }),
        useArrows: false,
        autoScroll: false,
        animate: true,
        enableDD: false,
        containerScroll: true,
        border: false,
        // auto create TreeLoader
        dataUrl: 'admin/content.data',
        root: {
            nodeType: 'async',
            text: '/',
            draggable: false,
            id: 'content-tree-node-1'
        }
    });
 
    function getSelectedNodeId()
    {
        return tree.getSelectionModel().getSelectedNode().attributes.id.replace('content-tree-node-', '');
    }
 
    function redirect(url)
    {
        document.location.href = 'admin/' + url;
    }
 
    var handlers = {
        add : function()
        {
            redirect('content/add/id/' + getSelectedNodeId());
        },
        edit : function()
        {
            redirect('content/edit/id/' + getSelectedNodeId());
        },
        del : function()
        {
            Ext.MessageBox.confirm('Подтверждение', 'Вы действительно хотите удалить выбранную страницу?', function(btn)
            {
                if (btn == 'yes') {
                    if (tree.getSelectionModel().getSelectedNode().hasChildNodes()) {
                        Ext.MessageBox.confirm('Подтверждение', 'Данная страница содержит подстраницы, которые тоже будут удалены. Продолжить?', function(btn)
                        {
                            if (btn == 'yes') {
                                redirect('content/del/id/' + getSelectedNodeId());
                            }
                        });
                    } else {
                        redirect('content/del/id/' + getSelectedNodeId());
                    }
                }
            });
        }
    }
 
    var contextMenu = new Ext.menu.Menu({
        items: [
            //TODO: icons
            { text: 'Добавить страницу', cls: 'add', handler: handlers.add },
            { text: 'Редактировать', cls: 'edit', handler: handlers.edit },
            { text: 'Удалить', cls: 'del', handler: handlers.del }
        ]
    });
 
    var contextMenuRoot = new Ext.menu.Menu({
        items: [
            { text: 'Добавить страницу', cls: 'add', handler: handlers.add },
            { text: 'Редактировать', cls: 'edit', handler: handlers.edit }
        ]
    });
 
    function treeContextHandler(node) {
        node.select();
        node.isRoot ? contextMenuRoot.show(node.ui.getAnchor()) : contextMenu.show(node.ui.getAnchor());
    }
 
    function treeDbClickHandler(node)
    {
        node.select();
        handlers.edit();
    }
 
    tree.on('contextmenu', treeContextHandler);
    tree.on('beforedblclick', treeDbClickHandler);
    tree.render('tree');
    tree.getRootNode().expand();
});

// не работает
tree
  .on('contextmenu', treeContextHandler)
  .on('beforedblclick', treeDbClickHandler);
// работает
tree.on('contextmenu', treeContextHandler);
tree.on('beforedblclick', treeDbClickHandler);