2011-06-08 61 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