Discussion :

[*.Har(d)t]

Salut,

J'ai un problème d'affichage avec un grid:

Je génère un grid qui est ajouté via appendChild dans un accordionPane.

Les données du store sont affichées, mais le grid est tout tassé en bas de l'accordionPane, les entêtes de colonnes sont recouvertes par les lignes de résultat etc (voir image)

Voici le code du Grid, lancé à partir d'onClick sur un Tree, le Tree étant instancié dans le addOnLoad:

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
 
[...]
var storeModelesListe = new dojo.data.ItemFileReadStore({
                                            data: donnees
                                            });
 
                                        var structureModeles = [
                                            { field: 'titre', name: 'Titre', width: '200px' },
                                            { field: 'producteur', name: 'Producteur', width: '50px' },
                                            { field: 'support', name: 'Support', width: 'auto' }
                                        ];
 
 
 
                                        gridModeles = new dojox.grid.DataGrid({
                                                            query:{ id: '*' },
															store : storeModelesListe,
															structure: structureModeles,                                                            
                                                            clientSort: true,
                                                            rowSelector: '20px'                                                            
                                        }, document.createElement('table'));
 
				  						dojo.byId('paneGrid').appendChild(gridModeles.domNode);
				                        gridModeles.startup();
[...]

Voici le markup qui reçoit le grid:

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
<div dojoType="dijit.layout.BorderContainer"
     design="sidebar"
     style="width: 100%;height:600px;">
 
        <div dojoType="dojox.layout.ContentPane"
             id="divArbre"
             style="width: 10%;"
             splitter="true"
             liveSplitters="true"
             region="left">
            <div id="btnValid">
                Sauver
            </div>
 
            <div id="arbre1114"></div>
        </div>
 
        <div dojoType="dojox.layout.ContentPane"
             region="center"
             id="main1114">
 
                <div id="accordeon"
                     dojoType="dijit.layout.AccordionContainer"
                     style="height:550px;">
 
					<div id="paneGrid"
					   jsId="paneGrid"
                       dojoType="dijit.layout.AccordionPane"
                       title="Liste">
 
                    </div>
 
[....]