FormPanel не видны в TabView

Question

Вот мой код в сенче для моего applicaiton, я включил стол и две кнопки в resetpanel и addded в поле зрения вкладки

var tab= Ext.create('Ext.List', { 
         fullscreen: true, 
         dock: 'left', 
         width: 320, 
         height: 200, 
         ui: 'round', 
         store: { 
         fields: ['ext_xtype'], 
         data: [{ 
           ext_xtype: 'fieldset', 
           }, { 
           ext_xtype: 'formpanel', 
           }] 
         }, 
         itemTpl: '<span style="width:300px; display:inline-block;">{ext_xtype}</span> ' 
         }); 
var resetPanel1 = new Ext.form.FormPanel({ 
        id: 'resetPanel1', 
        style:{background:'#D8D8D8'}, 
        dockedItems:[] 
        , 
        items: [tab,{ 
        xtype: 'button', 
        text: 'Add', 
        ui: 'confirm', 
        handler: function() { 
           view.setActiveItem('welcomepanel', {type:'fade', direction:'left'}); 
             } 
        },{ 
        xtype: 'button', 
        text: 'Add', 
        ui: 'Search', 
        handler: function() { 
         view.setActiveItem('welcomepanel', {type:'fade', direction:'left'}); 
             }}]}); 
var view = Ext.create('Ext.TabPanel', { 
            fullscreen: true, 
            tabBarPosition: 'bottom', 
            scroll:'vertical', 
            items: [{ 
              title: 'ITEMS', 
              iconCls: 'star', 
              layout:'card', 
              items: [{ 
                docked: 'top', 
                xtype: 'titlebar', 
                title: 'Add Items', 
                },resetPanel1 
                ] 
              }] 
            }); 
      Ext.Viewport.add(view); 
} 
}); 

resetPanel1 не просмотр в закладках view.Whats так с мой код. Пожалуйста, помогите мне разобраться.

Answer 1

Удалите fullscreen и dock свойства из списка, вы должны иметь fullscreen : true только в главном окне, в вашем случае TabPanel.

var tab= Ext.create('Ext.List', { 
    width: 320, 
    height: 200, 
    ui: 'round', 
    store: { 
     fields: ['ext_xtype'], 
     data: [{ 
     ext_xtype: 'fieldset', 
     },{ 
     ext_xtype: 'formpanel', 
     }] 
    }, 
    itemTpl: '<span style="width:300px; display:inline-block;">{ext_xtype}</span>' 
});