Tab Panel Не Коммутационная панель

Question

У меня возникли трудности, реализующей Tab Panel с Сенча архитектор

здесь код

Ext.define('Prototype.view.App', { 
    extend: 'Ext.Container', 

    requires: [ 
     'Prototype.view.FoodPanel' 
    ], 

    config: { 
     items: [ 
      { 
       xtype: 'tabpanel', 
       docked: 'bottom', 
        tabBar: { 
        docked: 'bottom', 
        layout: { 
         pack: 'center', 
         type: 'hbox' 
        } 
       }, 
       items: [ 
        { 
         xtype: 'container', 
         title: 'Test', 
         iconCls: 'info' 
        }, 
        { 
         xtype: 'foodpanel', 
         title: 'Home', 
         iconCls: 'home' 
        } 
       ] 
      } 
     ] 
    } 
}); 

По какой-то причине, мой FOODPANEL что настраиваемое представление (состав полей , spacers, button) Не появляется вообще, когда я нажимаю на значок HOME. Тест есть, поэтому я могу поменяться на что-то бланк .. но оба являются бланками. Почему? `

Answer 1

Попробуйте ввести containerlayout:fit. Также удалите конфигурацию docked:bottom. Кажется, у вас такая же проблема, как и у here. Надеюсь это поможет.