いつも質問ばかりで済みません。

タブレット端末用の画面を想定して、2つの item を並べる Panel を作っています。
画面が縦(Portrait)のときは縦並び、横(Landscape)のときは横並びになるようにしたいのですが、orientationchange のイベント内でどのようにすれば良いか分かりません。

Androidタブレットの実機で試してみたところ、orientationchangeのイベントと、Ext.getOrientation() も予想通りの結果を返しているようでした。
そこで下記のようなパネルを作り、

var Panel1 = new Ext.Panel({
layout: {
type: 'vbox',
align: 'stretch'
},
items: {
infoPanel1,
infoPanel2
}
});

orientationchangeのイベント内で

Panel1.layout.type = 'hbox';
Panel1.doLayout();
というように type だけ代入した場合は、何も起きませんでした。

Panel1.layout = {type: 'hbox', align: 'stretch'};
Panel1.doLayout();
というように代入した場合は、子となる item の表示位置は変わりましたが、画面外に表示されてしまうようで、2回回転させると何も表示されなくなってしまいました。

こういうときはどのようにすれば良いのでしょうか?

基本的なことが分かっていないため、おかしなことをやっているのかもしれませんが、何かヒントでも結構ですので教えていただけると助かります。よろしくお願いします。