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

时间:2011-06-14 19:57:05

标签: forms sencha-touch

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



1 个答案:

答案 0 :(得分:0)

您是否尝试过为formPanel添加滚动选项(scoll:'horizo​​ntal')?我真的不知道这会有什么帮助,但我记得我几天前也有一个表格,这就是解决方案。这与设备方向无关,但谁知道......