ExtJS toolbar load items

I need to load items (menu) via ajax but do not understand how... trying to do like this:

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

}); 

response:

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

but handler is not working. Can anybody give the wor开发者_如何学Cking example.

I haven't used element loader before so I would make a wild guess that you should specify a renderer function according to 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' 
    } 
});