Я создаю приложение, состоящее из панели,
Эта панель содержит панель вкладок и панель форм. (Изначально Form-Panel скрыта)
Панель вкладок имеет вкладку, которая содержит список.
При нажатии на элемент списка он получает следующую
- Показывает панель формы
- Скрывает панель вкладок
Моя проблема в том, что, когда это происходит, в форме не отображаются полосы прокрутки. Однако когда я меняю ориентацию устройства (iPhone), а затем он позволяет мне выполнять прокрутку.
Может кто-нибудь объяснить мне, правильно ли я это делаю, или есть какой-то лучший способ добиться этой функциональности, или можно изменить основную панель с портом представления?
Небольшой пример будет действительно великолепным.
Ниже приведен мой код (я постараюсь сделать его простым)
замедление списка и прослушивателя событий
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();
});
Код для объявления главной панели, вкладки и панели форм
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
});