Сенч Touch Panel иногда слишком мал

Question

Хром Developer Tool показывает этот 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> 

Моей проблема с первым сНом тегом specfically

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

Высота жёстко, но иногда и что я могу сказать только в первый раз, когда отображается панель, значение высоты слишком мало и содержимое скрыто. Если я уничтожу свойство height в Chrome, он отлично работает.

Дело в том, что панель сгенерирована каждый раз, так как она находится внутри getDetailCard() функция.

Как предотвратить это?

Answer 1

я перебежал тот же вопрос, что я должен был сделать, это добавить afterlayout слушателя, который вызывает следующую функцию:

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

В моей ситуации у меня есть панель вкладок в нижней части. Если у вас его нет, просто установите его с помощью Ext.Element.getViewportHeight()