ExtJS панель инструментов загрузки элементов

Question

Мне нужно загружать пункты (меню) через ajax, но не понимаю, как ... пытаясь сделать так:

var tb = Ext.create('Ext.toolbar.Toolbar', { 
        renderTo: 'top-menu', 
        autoLoad: { 
            url: '/index/tullbar', 
            renderer: 'component', 
            params: { 
                userId: 1 
            } 
        }, 
        layout: { 
            overflowHandler: 'Menu' 
        } 
    }); 

}); 

Ответ:

[
    {
        "text": "test",
        "menu": {
            "text": "asdf",
            "handler":"handleAction.createDelegate(window)"
        }
    }
] 

но обработчик не работает. Кто-нибудь может привести рабочий пример.

Answer 1

Раньше я не использовал загрузчик элементов, поэтому предположил бы, что вы должны указать функцию рендерера в соответствии с http://docs.sencha.com/ext-js/4-0/#/api/-cfg-renderer:

var tb = Ext.create('Ext.toolbar.Toolbar', { 
    renderTo: 'top-menu', 
    autoLoad: { 
        url: '/index/tullbar', 
        renderer: function(loader, response) {
            var menuItems = Ext.decode(response.responseText);
            tb.items.add(menuItems);
        }, 
        params: { 
            userId: 1 
        } 
    }, 
    layout: { 
        overflowHandler: 'Menu' 
    } 
});