tabpanel.json

{
        xtype: 'tabpanel',
        activeTab: 0,
        width: 300,
        height: 335,
        margins: '{all: 5}',
        id: 'campos',
        lazyRender: true,
        items: [],
        listeners: {
          'tabchange': function () {
            console.log('tabchange');
          },
          'afterrender': function () {
            console.log('afterrender');
            var t_store = new genericStore({
              storeId: 'tablas_store',
              autoLoad: false,
              baseParams: {
                'class': 'tabla'
              },
              sortInfo: {
                field: 'Nombre',
                direction: 'ASC'
              }
            });
            
            t_store.load(function () {
              t_store.each(function (item, index, len) {
                Ext.getCmp('campos').add({
                  xtype: 'panel',
                  title: item.data.Nombre
                });
              });
            });
          }
        }}