Sencha Touch Panel有时太小了

时间:2011-06-08 19:09:45

标签: javascript sencha-touch extjs

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()函数中。

如何防止这种情况?

1 个答案:

答案 0 :(得分:1)

我遇到了同样的问题,我必须做的是添加一个调用以下函数的afterlayout侦听器:

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

在我的情况下,我的底部有一个标签栏。如果您没有,只需使用Ext.Element.getViewportHeight()

进行设置