2011-06-08 26 views
0

Chrome的開發者工具揭示了這個網站爲我的面板產生:煎茶觸摸屏有時太小

<div id="ext-comp-1027" class=" x-panel" style="width: 1600px; height: 205px; "> 
    <div class="x-panel-body x-html" id="ext-gen1098" style="left: 0px; top: 0px; "> 
     <div class="product"> 
      <div class="title">*snip*</div> 
      <img src="*snip*"> 
      <div class="info">*snip*</div> 
     </div> 
    </div> 
</div> 

我的問題是與第一個div標籤specfically

style="width: 1600px; height: [problem]px; " 

高度是硬編碼的,但偶爾以及我只能在第一次顯示面板時才知道,高度值太小而內容隱藏。如果我在Chrome中清除高度屬性,它可以正常工作。

事情是,面板是每次重新生成,因爲它是在一個getDetailCard()函數。

我該如何預防?

回答

1

我遇到同樣的問題,我所要做的就是跑添加一個監聽afterlayout調用以下功能:

app.getHeight = function(){ 
     return Ext.Element.getViewportHeight() - Ext.getCmp('viewport').tabBar.getHeight(); 
    } 

在我的情況我在底部標籤欄。如果你還沒有設置它Ext.Element.getViewportHeight()

+0

這可能不適合我的情況,但它應該可以幫助其他人 – 2011-06-13 13:17:00

+0

這解決了我的另一個問題。公認。 – 2011-06-14 18:37:35