煎茶タッチ・パネルは時々小さすぎる

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タグでspecfically

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

高さがあるハードコードされ、時折最初にパネルが表示されたときにしか知ることができないものは、高さの値が小さすぎ、コンテンツが隠されています。 Chromeでheightプロパティを消去すると正常に動作します。

事実、パネルは毎回のgetDetailCard（）機能の中にあるので、再生成されます。

どうすればよいですか？私は一番下にタブバーを持っている私の状況では

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

：私は私がやっていたものと同じ問題に出くわしました

Answer 1

は、次の関数を呼び出すafterlayoutリスナーを追加しました。あなたが持っていないのであれば、Ext.Element.getViewportHeight()