2011-06-14 55 views
1

我正在創建一個包含面板的應用程序, 此面板包含一個標籤面板和一個窗體面板。 (最初,Form-Panel被隱藏)Sencha Touch 1.1.0:窗體不顯示滾動條

Tab-Panel有一個Tab,它包含一個List。

當列表項抽頭它的劑量下

  • 顯示錶格面板
  • 隱藏標籤面板

我的問題是,當它這樣做,形式不顯示任何滾動條,當我改變設備的方向(iPhone),然後它允許我滾動。

任何人都可以解釋我,如果我做得對,或者有沒有更好的方法來實現這個功能,或者主Panle可以更改視圖端口? 一個小例子將會非常棒。

下面是我的代碼(我會盡量保持簡單)

Decleration名單和事件監聽器

 
var lstRequestTracker = new Ext.List({ 
    itemTpl : '{emplFirstName} {emplLastName}' 
    ,store  : storeRequestTracker 
    ,fullscreen: true 
}); 


lstRequestTracker.on('itemtap', function(oThis, index, item, event) { 
    var rec = oThis.getStore().getAt(index); 
    tpnlMyForms.hide(); 
    fpnlOnBoard.show(); 
    //pnlMain.doComponentLayout(); 
    fpnlOnBoard.doComponentLayout(); 
}); 

代碼宣告主面板,製表面板和Form-Panel

 

     var tpnlMyForms = new Ext.TabPanel({ 
      tabBar  : {dock : 'bottom', layout:'hbox'} 
      ,fullscreen : true 
      ,defaults : {scroll: 'vertical', layout:'fit'} 
      ,items : [ { 
           title : 'Request Tracker' 
           ,items : [lstRequestTracker] 
           ,iconCls: 'time' 
         } 
         ] 
     }); 

    var fpnlOnBoard = new Ext.form.FormPanel({Contains form Fields}); 

Ext.setup({ 
onReady: function() { 
     var pnlMain = new Ext.Panel({ 
       fullscreen : true 
       ,dockedItems: [{dock:'top', xtype:'toolbar',title:'STARS'}] 
      ,layout: 'fit' 
      ,items : [tpnlMyForms,fpnlOnBoard] 
     }); 

     fpnlOnBoard.hide(); 

      }// eo onReady Function 
}); 



回答

0

您是否嘗試給您的formPanel滾動選項(scoll:'horizo​​ntal' )?我真的不知道這會有幫助,但我記得前幾天我還有一個表格,這就是解決方案。這與設備方向無關,但是誰知道..