底部工具栏未显示

Question

我使用顶部工具栏和引导工具栏到一个面板中，如下所示：

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();
                    }
                }
            ]
        }
    ]
});

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

我该怎么解决它呢？我需要它出现在面板渲染后！

谢谢!

Answer 1

btnLoginClick()；方法在哪里？如果使用此方法的文件在此面板后加载，则此问题可能会发生...