我正在创建一个由Panel组成的应用程序, 此面板包含一个选项卡面板和一个表单面板。 (最初,表格 - 面板被隐藏)
选项卡面板有一个标签,其中包含一个列表。
当点击列表项时,它会发出以下内容
我的问题是当它这样做时,表单不会显示任何滚动条,当我改变设备的方向(iPhone)然后它允许我滚动时。
任何人都可以解释我,如果我正确地做到了,或者有更好的方法来实现这个功能,还是可以通过视图端口更改主Panle? 一个小例子真的很棒。
以下是我的代码(我会尽量保持简单)
列表和事件监听器的清除
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 });
答案 0 :(得分:0)
您是否尝试过为formPanel添加滚动选项(scoll:'horizontal')?我真的不知道这会有什么帮助,但我记得我几天前也有一个表格,这就是解决方案。这与设备方向无关,但谁知道......