面板不顯示煎茶觸摸2

我有如下一個「VBOX」面板，面板不顯示煎茶觸摸2

{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個面板添加到頂部面板中，僅第一面板（標題）被顯示第第二個面板（網格）未顯示。

任何幫助表示讚賞。在此先感謝。

來源

2013-02-02 Rajesh Rs

您還需要爲第二個面板指定height。

來源

2013-02-02 14:31:50 Eli

感謝它解決了這個問題。但是，爲什麼面板沒有提供高度時沒有顯示。？ –

這就像普通的CSS一樣，如果你沒有爲div設置任何高度和寬度，該div的默認高度和寬度將爲'0px' – Eli

面板不顯示煎茶觸摸2

回答

相關問題