Sencha touch 底部工具栏不显示

我正在使用顶部工具栏和bootom工具栏进入如下面板：

var panel = new Ext.Panel({
    fullscreen: true,
    renderTo: 'pnlLogin',
    layout: {
        type: 'vbox',
        align: 'left'
    },
    items:[
           {
               xtype: 'textfield',
               flex: 1,
               id: 'ioUser',
               label: 'User'
           },
           {
               xtype: 'textfield',
               flex: 1,
               id: 'ioPwd',
                       inputType: 'password',
               label: 'Password'
           }
    ],
    dockedItems: [
        {
            dock : 'top',
            xtype: 'toolbar',
            title: 'Restricted Area'
        },
        {
            dock : 'bottom',
            xtype: 'toolbar',
            ui: 'light',
            items: [
                {
                    text: 'Login',
                    ui: 'confirm-round',
                    handler: function(b,e){
                        btnLoginClick();
                    }
                }
            ]
        }
    ]
});

问题是底部工具栏没有出现！！ 只有在我移动平板电脑后才会显示

我怎样才能解决它？ 我需要它出现在面板渲染之后

谢谢

哪里是btnLoginClick（）；方法？ 如果在该面板之后加载包含此方法的文件，则可能会发生此问题