如何處理sencha中的旋轉或方向？

我工作的ExtJS的和整個一個小問題就來了，聞一調整窗口的大小，一切工作正常execpt殘疾人組件....如何處理sencha中的旋轉或方向？

調整瀏覽器禁用組件之前看起來不錯 enter image description here

但調整瀏覽器的面板和按鈕的禁用CSS落後之後exanding但此處的CSS不 enter image description here

的代碼：

var topdetailpanel = new Ext.Panel(
    { 
     flex: 1, 
     padding: 1, 
     disabled: false, 
     monitorOrientation:true, 
     layout: { 
      type: 'vbox', 
      pack: 'center', 
      align: 'stretch' 
     }, 
     stretchX: true, 
     items: [ 
     { 
      xtype: 'button', 
      id: 'topdetailid', 
      flex: 1, 
      baseCls: 'round', 
      monitorOrientation:true, 
      stretchX: true, 
      html: noresult, 
      handler: function() 
      { 
       window.location = 'DetailsPanel.html?type=' + typeval + '&event=' + eventval + '&price=' + priceval + '&free=0&pos=1' 
      }}] 
    }); 
    var bottomdetailpanel = new Ext.Panel(
    { 
     flex: 1, 
     id: 'ctrlBtn2', 
     padding: 1, 
     monitorOrientation:true, 
     disabled: true, 
     layout: { 
      type: 'vbox', 
      pack: 'center', 
      align: 'stretch' 
     }, 
     stretchX: true, 
     items: [ 
     { 
      xtype: 'button', 
      flex: 1, 
      monitorOrientation:true, 
      id: 'bottomdetailid', 
      baseCls: 'round', 
      stretchX: true, 
      html: noresult, 
      handler: function() 
      { 
       window.location = 'DetailsPanel.html?type=' + typeval + '&event=' + eventval + '&price=' + priceval + '&free=0&pos=2' 
      }}] 
    });

並禁用我使用：

bottomdetailpanel.setDisabled（true）;

請幫助.......................

謝謝你在前進.......

來源

2011-02-19 Prateek Raj