拡張クラスのコンポーネントを Ext.Window上に配置したパネルの上に表示したく、いろいろ試行錯誤していますが、うまく表示できません。
方法をご存じの方がいらっしゃいましたら、ご教授願います。
Extjs version:3.3.1
拡張クラスは以下のように、いくつかのコントロールをひとまとめにした拡張クラスを作成しています。
Ext.ns( 'Ext.myapp' );
Ext.myapp.Test = function( cfg ){
Ext.apply( this, cfg );
Ext.myapp.Test.superclass.constructor.call(this, { });
};
Ext.extend(Ext.myapp.Test, Ext.Panel, {
initApp : function(){
new Ext.Panel({
border : true,
layout:{type: 'hbox' },
items : [
new Ext.Button({ text: 'Button1'}),
new Ext.Button({ text: 'Button2'})
]
});
}
});

表示先ウィンドウは、以下のように作成しています。
Ext.onReady(function(){
var app = new Ext.myapp.Test();
app.initApp();
var panel = new Ext.Panel({
items : [ app ]
});
extWin = new Ext.Window({
title : "test",
width: 400,
height:300,
modal:true,
items: panel
});
extWin.show();
});