Question

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（）函数中。

如何防止这种情况？

Answer 1

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

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

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

进行设置

Sencha Touch Panel有时太小了

1 个答案: