Ajouter un composant dans un Viewport

Bonjour,

J'ai un container Viewport avec un layout de type 'border' ainsi qu'un composant de type formulaire. Je voudrais ajouter le composant dans le panel de la 'region: center' du viewport.

Je n'arrive pas à m'en sortir et pourtant je suis sûr que ça doit être simple à faire :roll:

Voici ou j'en suis pour le moment :

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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
function login(params) {
    var form = new Ext.form.FormPanel({
        baseCls: 'x-plain',
        layout:'absolute',
        url:'save-form.php',
        defaultType: 'textfield',
 
        items: [{
            x: 0,
            y: 5,
            xtype:'label',
            text: 'Send To:'
        },{
            x: 60,
            y: 0,
            inputType: 'password',
            name: 'to',
            anchor:'100%'  // anchor width by percentage
        },{
            x: 0,
            y: 35,
            xtype:'label',
            text: 'Subject:'
        },{
            x: 60,
            y: 30,
            name: 'subject',
            anchor: '100%'  // anchor width by percentage
        },{
            x:0,
            y: 60,
            xtype: 'textarea',
            name: 'msg',
            anchor: '100% 100%'  // anchor width and height
        }]
    });
 
 
	var vp = new Ext.Viewport({
	    layout: 'border',
	    items: [{region: 'north',
            		contentEl: 'banniere',
            		border: false},
            	{region: 'west',
            		width: 200,
            		border: false},
            	{region: 'east',
            		width: 200,
            		border: false},
	            {region: 'center',
            		border: false,
            		id: 'centerPanel'}
	           ]
	});
 
	var wrc = Ext.getCmp('centerPanel');
	wrc.removeAll();
	wrc.add(form);
	wrc.doLayout();
}

et l'erreur incompréhensible retournée par firebug :

Citation:

Ext.fly(a) is null
[Break on this error] Ext.DomHelper=function(){var s=null,j=/^...b.stopEvent();this.completeEdit()}}}});\n

Merci pour toute suggestion :)