[duk]

Всем привет.

Не очень понятно для меня работает вьюпорт.

Если так написано, то все работает, все хорошо:
Ext.onReady(function(){
.........
var mainviewport= new Ext.Viewport({
layout: 'border',
items: [headpanel,maincont,footpanel]
});

});

А если вот так, то выводится только основная панель:

Ext.onReady(function(){
.........
var mainviewport= new Ext.Viewport({
layout: 'border',
items: [maincont]
});
mainviewport.add(headpanel);
mainviewport.add(footpanel);
mainviewport.doLayout();
});

В чем может быть причина? В какую сторону вообще копать? Что делаю неправильно?