Ajouter un onglet dans un tabpanel

Bonjour,

Je suis débutant dans ce language, et je suis confronté à un petit problème...
Je suis partis de l'exemple "Border Layout":
http://www.extjs.com/deploy/dev/exam...t/complex.html

Je voudrais pouvoir rajouter un onglet dans la partie centrale, à partir du menu de gauche mais je ne sais pas comment faire...
J'arrive à ouvrir une nouvelle fenètre, mais pas un nouveau onglet.

code utiliser pour ouvrir une nouvel fenetre :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

function ajout(){ if(!win){ //vérifie l'éxistence de celle ci avant de l'ouvrir win = new Ext.Window({ applyTo:'hello-win', layout:'fit', width:800, height:500, closeAction:'hide', plain: true, minimizable : true, maximizable : true, html: '<iframe name="iframe" width="100%" height="100%" frameborder=0 scroling="no" src="logo.htm">', buttons: [{ text:'Submit', disabled:true },{ text: 'Close', handler: function(){ win.hide(); } }] }); } win.show(this); }

---

Ca devrait aller comme ça (à condition que je n'ai pas oublié de parenthèse ou d'accolade, je te laisse corriger au besoin) ;)

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44

function ajout(){ if(!win){ //vérifie l'éxistence de celle ci avant de l'ouvrir win = new Ext.Window({ applyTo:'hello-win', layout:'fit', width:800, height:500, closeAction:'hide', plain: true, items: new Ext.TabPanel({ autoTabs:true, activeTab:0, deferredRender:false, border:false, items: [{ title: 'Tab1', html: 'Premier tab' },{ title: 'Tab2', html: 'Second tab' },{ title: 'tab3', html: 'Troisième tab' } }] }),   minimizable : true, maximizable : true, html: '<iframe name="iframe" width="100%" height="100%" frameborder=0 scroling="no" src="logo.htm">', buttons: [{ text:'Submit', disabled:true },{ text: 'Close', handler: function(){ win.hide(); } }] }); } win.show(this); }

---