Discussion :

[gouffa42]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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);
    }

[xave]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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);
    }