Discussion :

[souhail72]

Bonjour
J'ai un objet windows (Ext.Windows.Windows) que je céree dans un controleur selon des condition bien précises et je souhaite le positionner dans un Panel qui lui existe dans une vue ?
J'arrive a créer l'ensemble par contre l'objet windows est toujours crée au centre de l'écran, je suis passé aussi par une div pour le positionner ou je le souhaite par contre cette solution n'est pas responsive ?
Panel de Base

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
{
            xtype: 'panel',
            flex: 1,
            region: 'center',
            itemId: 'PannelCorpsAffichage',
            title: '<font color="#FFFFFF" size = 3px > ORDONNANCEMENT</font>',
            dockedItems: [
                {
                    xtype: 'panel',
                    dock: 'top',
                    html: '<center><img src = .\\resources\\img\\mix1.png></center>'
                },
                {
                    xtype: 'panel',
                    html: '<center><img src = .\\resources\\img\\r1.png>&nbsp&nbsp<img src = .\\resources\\img\\r2.png>&nbsp&nbsp<img src = .\\resources\\img\\r3.png>&nbsp&nbsp<img src = .\\resources\\img\\r4.png>&nbsp&nbsp<img src = .\\resources\\img\\r5.png><br><img src = .\\resources\\img\\n1.png>&nbsp&nbsp<img src = .\\resources\\img\\n2.png>&nbsp&nbsp<img src = .\\resources\\img\\n3.png></center>'
                },
            ]
        },

Controlleur

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
61
62
63
64
65
66
67
68
                    var ListeErreur = Ext.create('Ext.window.Window', {
                    renderTo: 'gridError',
                    id : 'gridErrorId',
                    width: 1100,
                    height: 600,
                    floating: true,
                    centered: true,
                    modal: true,
                    draggable : true,
                    collapsible: true,
                    closable: true,
                    bodyBorder: false,
                    maximizable: true,
                    shadowOffset: 6,
                    layout: 'fit', 
                    title:'Liste des Erreurs Slogans Base SQL',
                    //collapsible: true,
                    dockedItems: [
                        {
                        xtype: 'panel',
                        dock: 'top',
                        itemId:'CorpsTraitement'
                        },
                        {
                        xtype: 'container',
                        centered: true,
                        padding: 10,
                        items: [
                            {
                                xtype: 'grid',
                                store: ListeErrorJsonPStore,
                                headerBorders: false,
                                loadMask: true,
                                syncRowHeight: true,
                                columns: [{
                                    text: 'OF',
                                    //flex: 1 ,
                                    width: 115,
                                    dataIndex: 'Value'
                                }, 
                                {
                                    text: 'Message Erreur',
                                    width: 680,
                                    dataIndex: 'MSG'
                                },
                                {
                                    text: 'Date Erreur',
                                    width: 145,
                                    dataIndex: 'DTE'
                                }, 
                                {
                                    text: 'Date Update',
                                    width: 145,
                                    dataIndex: 'DTU'
                                }
                                ],
                                height: 400,
                                width : 1270,
                                multiColumnSort: true
                            }
                        ]
                        },
                        {
                            xtype: 'panel',
                            html: '<center><img src = .\\resources\\img\\gob.jpg></center>',
                        }]
                        });
                        ListeErreur.show();

Merci @ vous

[sekaijin]

ça na pas de sens un objet window par définition flotte au dessus de la page

tu peux tout de même positionner ta fenêtreen utilisant alignTo(myPanel,'t-t',[-100,0])
la difficulté vient du fait que tu ne peux aligner ton objet que s'il est affiché.
le plus souvent la solution vient avec Ext.Function.createDelayed qui te permet d'attendre quelle soit afficher ou dans la définition de la fenêtre sur l'événement afterRender

A+JYT