Chrome的开发者工具会显示为我的面板生成的html:
<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标签是
style="width: 1600px; height: [problem]px; "
高度是硬编码的,但偶尔和我只能在第一次显示面板时才知道,高度值太小而内容被隐藏。如果我在Chrome中删除了高度属性,它可以正常工作。
问题是,每次都会重新生成面板,因为它位于 getDetailCard()函数中。
如何防止这种情况?
答案 0 :(得分:1)
我遇到了同样的问题,我必须做的是添加一个调用以下函数的afterlayout
侦听器:
app.getHeight = function(){
return Ext.Element.getViewportHeight() - Ext.getCmp('viewport').tabBar.getHeight();
}
在我的情况下,我的底部有一个标签栏。如果您没有,只需使用Ext.Element.getViewportHeight()