how to dinamically add tab with form built in a view

[Tim Toady]

The Firebug says that is a object. From console.log(tab):

Attachment 38994

The code you listed says

var tab = Ext.ComponentQuery.query('viewport > panel'); console.log(tab);

ComponentQuery.query returns an array of components that match your selector. The above code you posted will return an array. You have to grab the component you want out of it. My Guess is that you are clicking on the tabpanel in the array and then printscreening it. If that was a screen of a console log it wouldn't be in the dom tab.

[brunoflmg]

The code above is sufficient to get the tabPanel object, but the problem is when I try to add the new tab after the layout (viewport) already rendered. Like I say before... When I click in insert button in my grid, then this new tab must be opened in my tabPanel.

console.png

[Tim Toady]

Those brackets mean it is an array. The add method exists on the tabpanel. If add doesn't work, you are not running it on the tabpanel.

Try

var tabPanel = Ext.ComponentQuery.query('#tabCenter').pop();

[brunoflmg]

You did it Tim!



The 1 million dolars answer was:

var query = Ext.ComponentQuery.query('#tabCenter');
tabPanel = query[0];
newTab = tabPanel.add({
      title: 'Test',
      html: 'test test test'
}).show();

Thanks to Scott too.