я вот так делал:
Ext.Loader.setPath('Ext.ux', '/js/lib/ext/ux');
Ext.require([
'Ext.data.*',
'Ext.util.*',
'Ext.view.View',
'Ext.ux.DataView.Animated',
'Ext.XTemplate',
'Ext.panel.Panel',
'Ext.toolbar.*',
'Ext.slider.Multi']);
Ext.onReady(function()
{
Ext.create('Ext.Viewport',
{
layout: 'border',
renderTo: Ext.getBody(),
items: [
{
region: 'center',
tbar: [
{
xtype: 'button',
text: ' Данные ',
menu: [
{
text: 'Видео'
},
{
text: 'Книги'
},
{
text: 'Страницы'
},
{
text: 'Документы'
}]
},
{
xtype: 'button',
text: ' Настройки '
},
'->',
{
xtype: 'button',
text: ' На сайт '
},
'-',
{
xtype: 'button',
text: ' Выйти ',
handler: function ()
{
console.log(1);
}
},
'-',
{
xtype: 'label',
text: 'дата последнего входа: ' + datetime_input
}],
margins: '1 1 1 1',
id: 'content-panel',
layout: 'card',
activeItem: 0,
border: false,
items: layoutExamples
}]
});
});