底部工具栏未出现

Question

我使用顶部工具栏和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();
                    }
                }
            ]
        }
    ]
});

问题是BOTTOM TOOLBAR没出现!! 它只在我移动我的平板电脑后出现!!

我该如何解决？ 我需要它在面板渲染后出现！

谢谢！

Answer 1

btnLogin在哪里点击（）;方法 ？ 如果在此面板之后加载此方法的文件，则可能会出现此问题...