javascript - パネルが表示されないsenchatouch2

Question

以下のような「vbox」パネルがあります。

 {xtype:'panel',
    id:'srchResPanel',
    layout:'vbox',
    scrollable:false,

    items:[
     {
       xtype:'toolbar',
       docked:'top',
       height:46,
       style:'border-top-left-radius:10px;',
       title:'some title'
         }

    ]}

上記のパネルに動的に2つのパネルを追加しようとしていますが、以下のとおりです。

var header  =  Ext.create('Ext.Panel', {
         height:40,
         width:'100%',

    scrollable: {
        direction: 'horizontal',
        directionLock: true
    },

         layout:'hbox',
     });

    header.setHtml('<div style="font-size:15px;>header</div>');

と

 var grid = Ext.create('Ext.Panel', {
         width:'100%',

    scrollable: {
        direction: 'horizontal',
        directionLock: true
    },
         layout:'vbox',

     });
Ext.getCmp('srchResPanel').add(header);
Ext.getCmp('srchResPanel').add(grid);

上記の2つのパネルをトップパネルに追加すると、最初のパネル（ヘッダー）のみが表示され、2番目のパネル（グリッド）は表示されません。

どんな助けでも大歓迎です。前もって感謝します。

Answer 1

height2番目のパネルにも指定する必要があります。