[GroZa]

Добрый день! Второй день осваиваю ExtJS. Не могу разобраться.
Задача стандартна и просто:
Как только открываешь индексную страницу грузится пустой
workspace и вверху тулбар, который делится на главное меню и userBar (фио пользователя, кнопка с личные сообщениями, и т. д).
Я начал делать так:
app.js

Ext.application({
    name: 'IvCRM',
    appFolder: 'app',
    requires: [
        'IvCRM.view.Workspace'
    ],
    launch: function() {
        var workspace = Ext.create('IvCRM.view.Workspace');

        Ext.create('Ext.container.Viewport', {
           layout: 'fit',
           items: [workspace]
        });
    }
});

views.Workspace.js:

Ext.define('IvCRM.view.Workspace', {
    extend: 'Ext.panel.Panel',
    bodyCls: 'panel-workspace',

    initComponent: function() {
        var toolbar = Ext.create('Ext.toolbar.Toolbar'); // верхний тулбар

        this.tbar = toolbar;
        this.callParent();
    }
});

Далее, я не знаю за что взяться(
Мне нужно загрузить в тулбар пункты меню и поставить им обработчики.
А так же узнать ФИО пользователя с сервера, количество непрочитаных сообщений и также загрузить это в тулбар.

Вопрос. Получается, мне нужно следать для menu и userBar отдельные контроллеры и вьюшки? Если да, то как мне их потом слить воедино в Workspace.js и добавить в toolbar?