Extjs 4.1 - Как создать tabpanel без окна или контейнера?

Question

Я хотел бы создать tabpanel, чтобы он открывался, когда я нажимаю кнопку. я могу создать его в окно, как так:

var window = new Ext.Window({ 
      id: 'item1', 
      closable: true, 
      floating: true, 
      collapsible: true, 
      width: 900, 
      height: 600, 
      autoScroll: true, 
     items : mytabpanel 

}).show(); 

, но мне интересно, как я могу сделать это без окна? кажется, что шоу() не работает с tabpanel.

Answer 1

Я не совсем уверен, чего вы пытаетесь достичь, предполагая, что ваш код для создания панели вкладок правильный, и я не понимаю, почему ваш код не работает.

Если вы не хотите отображать панель вкладок в окне, вы всегда можете отобразить ее в фактическом элементе DOM, используя свойство renderTo. , например.

Ext.create('Ext.tab.Panel', { 
      width: 400, 
      height: 400, 
      renderTo: document.getElementById('component'), 
      items: [{ 
       title: 'Foo' 
      }, { 
       title: 'Bar', 
       tabConfig: { 
        title: 'Custom Title', 
        tooltip: 'A button tooltip' 
       } 
      }] 
     }); 

Где «компонент» является идентификатор элемента контейнера (например, DIV) в вашей HTML странице. Если вы вызываете это в событии onclick кнопки, надеюсь, он должен делать то, что вам нужно.

Answer 2

Если вы хотите компонент плавать, вы должны использовать floating mixin