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 });