forms - Sencha Touch 1.1.0：表单未显示滚动条

我正在创建一个由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
});

Sencha Touch 1.1.0：表单未显示滚动条

1 个答案: