【发布时间】:2011-09-15 00:17:48
【问题描述】:
我正在创建一个包含面板的应用程序, 此面板包含一个选项卡面板和一个表单面板。 (最初,Form-Panel 是隐藏的)
选项卡面板有一个选项卡,其中包含一个列表。
当点击列表项时,它会执行以下操作
- 显示表单面板
- 隐藏选项卡面板
我的问题是当它这样做时,表单不显示任何滚动条,但是当我更改设备(iPhone)的方向然后它允许我滚动时。
如果我做得正确,谁能解释我,或者有没有更好的方法来实现这个功能,或者主面板可以用视图端口改变吗? 一个小例子真的很棒。
以下是我的代码(我会尽量保持简单)
列表和事件监听器的声明
var lstRequestTracker = new Ext.List({ itemTpl:'{emplFirstName} {emplLastName}' ,存储:存储请求跟踪器 ,全屏:真 }); 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:'底部',布局:'hbox'} ,全屏:真 ,默认值:{滚动:'垂直',布局:'适合'} ,项目 : [ { 标题:'请求跟踪器' ,项目:[lstRequestTracker] ,iconCls: '时间' } ] }); var fpnlOnBoard = new Ext.form.FormPanel({包含表单字段}); 分机设置({ 准备就绪:函数(){ var pnlMain = new Ext.Panel({ 全屏:真 ,dokedItems: [{dock:'top', xtype:'toolbar',title:'STARS'}] ,布局:'适合' ,项目:[tpnlMyForms,fpnlOnBoard] }); fpnlOnBoard.hide(); }// eo onReady 函数 });【问题讨论】:
标签: forms sencha-touch