Нижняя панель не появляется

Question

i'um используя верхнюю панель и 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(); 
        } 
       } 
      ] 
     } 
    ] 
}); 

проблема не появляется НИЖНИЙ TOOLBAR !! появляется только после того, как я переведу свой планшет!

Как я могу это решить? Мне нужно, чтобы оно появилось после рендера панели!

спасибо!

Answer 1

Где находится btnLoginClick(); метод? Если файл, который поддерживает этот метод, загружается после этой панели, тогда эта проблема может произойти ...