ExtJS 3 で、以下のようなパネルを作成し、BorderLayout に設定しましたが、中央部分は表示されますが、北側領域は表示されません。
助けてください。
MyContainer = Ext.extend(Ext.Panel, {
initComponent: function () {
var period_start = new Ext.form.TextField({
id: 'PERIOD_START',
fieldLabel: 'PERIOD START',
allowBlank: true,
width: 250
});
var tmpPanel = new Ext.Panel();
tmpPanel.add(period_start);
var period_start1 = new Ext.form.DateField({
id: 'PERIOD_START1',
fieldLabel: 'PERIOD START',
allowBlank: true,
width: 250
});
var tmpPanel1 = new Ext.Panel();
tmpPanel1.add(period_start1);
var config = {
layout: 'border',
items: [
{
region: 'north',
layout: 'fit',
minHeight: 150,
items: [tmpPanel]
},
{
region: 'center',
layout: 'fit',
items: [tmpPanel1]
}
]
};
.....
}