煎茶觸摸調整

Question

我遇到的問題是我的煎茶觸摸應用程序不會調整在Chrome

調整窗口

我使用的代碼示例時：

Ext.setup({ 
    glossOnIcon: false, 
    onReady: function() { 

     //added this as a dirty hax to get it to atleast try to resize 
     Ext.EventManager.onWindowResize(function() { 
      wialus.tabPanel.setOrientation(Ext.getOrientation(), window.innerWidth, window.innerHeight); 
     }); 

     my.tabPanel = new Ext.TabPanel({ 
      tabBar: { 
       dock: 'bottom', 
       layout: { 
        pack: 'center' 
       } 
      }, 
      fullscreen: true, 
      ui: 'light', 
      items: [ /* items here */ ] 
     }); 
}); 

的一部分我評論過的是我試圖在窗口尺寸發生變化時調整應用的大小，但在縮小窗口的總體尺寸時無法正確計算。如果嘗試修復應用程序尺寸與加載頁面時相同，則縮小窗口大小會增加滾動條，增加窗口大小隻會增加更多灰色背景。

希望該代碼片段足以瞭解發生了什麼。

Answer 1

我發現它實際上是不用瀏覽器調整大小的body元素。嘗試將orientationchange事件附加到您的fullscreen:true面板上以調整身體尺寸。像這樣：

my.tabPanel.on('orientationchange', function() { 
    this.el.parent().setSize(window.innerWidth, window.innerHeight); 
}); 

Answer 2

嘗試tabPanel.doLayout()在您的調整大小調用。

請參閱doLayout。

雖然如果您不得不使用此功能，那麼您可能已經超出了sencha touch當前的目標。