Discussion :

[narmataru]

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

Voici ou j'en suis pour le moment :

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
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 :

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

[palnap]

C'est le contentEl de ton panel du haut qui semble être en cause.

L'erreur t'indique qu'un élément que tu cherches à utiliser n'existe pas dans le DOM de ta page, ici très probablement celui ayant l'id "banniere".

La proprieté contentEl d'un élément ExtJS sert à inclure un élément du DOM de ta page dans ce composant. Est-ce vraiment ce que tu cherches à faire?

++