Données du Grid ne s'affichent pas si Grid dans un Tab

*.Har(d)t · 03/03/2009, 11h15

Salut,

Tout est dans le titre :

Je veux avoir une navigation par onglets.
Dans un de ces onglets, je vais devoir afficher des données dans un Grid.
Malheureusement, quand le grid est dans un des onglets, je ne vois pas les données, juste les intitulés des colonnes.

Si je sors le Grid de l'onglet, les données s'affichent.

Que faire ?

Je précise que je début avec Dojo, donc pour simplifier les choses je suis parti d'un des tutos présentés dans la doc du site officiel de dojo, avec des données dans un fichier texte, et pas dans une base de données.

Le tuto est là:

http://dojotoolkit.org/book/dojo-boo...id/simple-grid

Et le fichier de données est là:
http://dojotoolkit.org/files/dijits.txt

Voici mon code.

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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Environ France - Intranet</title>
    <style type="text/css">
        @import "dojo/dojo-release-1.2.3/dojox/grid/_grid/tundraGrid.css";
        @import "dojo/dojo-release-1.2.3/dijit/themes/tundra/tundra.css";
        @import "dojo/dojo-release-1.2.3/dojo/resources/dojo.css"
    </style>
    <script type="text/javascript" src="dojo/dojo-release-1.2.3/dojo/dojo.js"
        djConfig="parseOnLoad: true"></script>
    <script type="text/javascript">
       dojo.require("dojo.parser");
       dojo.require("dijit.layout.ContentPane");
       dojo.require("dijit.layout.TabContainer");
       dojo.require("dijit.form.Button");
       dojo.require("dojo.data.ItemFileReadStore");
       dojo.require("dojox.grid.Grid");
       dojo.require("dojox.grid._data.model");
     </script>
 
    <script type="text/javascript">
    // a grid view is a group of columns. 
    var view1 = {
            cells: [[
                    {name: 'Namespace', field: "namespace"},
                    {name: 'Class', width: "25em", field: "className"}
              ],
              [
                    {name: 'Summary', colSpan:"2", field: "summary"}
              ]
            ]
    };
    // a grid layout is an array of views.
    var layout = [ view1 ]; 
  </script>
 
</head>
<body class="tundra">
    <div dojoType="dojo.data.ItemFileReadStore"
                jsId="jsonStore" url="dijits.txt">
    </div>
 
    <div dojoType="dojox.grid.data.DojoData" jsId="model"
            rowsPerPage="20" store="jsonStore" query="{ namespace: '*' }">
    </div>
 
 
   <div id="mainTabContainer" dojoType="dijit.layout.TabContainer"
        style="width:100%;height:100px">
 
    <div id="veille"
         dojoType="dijit.layout.ContentPane"
         title="Veille réglementaire">
 
        <div id="grid" dojoType="dojox.Grid" model="model" structure="layout"></div>
 
    </div>
 
    <div id="forum"
         dojoType="dijit.layout.ContentPane"
         title="Forum">
 
    </div>
    <div id="modeles"
         dojoType="dijit.layout.ContentPane"
         title="Modèles">
 
    </div>
    <div id="manuels"
         dojoType="dijit.layout.ContentPane"
         title="Manuels">
 
    </div>
    <div id="gestionsites"
         dojoType="dijit.layout.ContentPane"
         title="Gestions des sites">
 
    </div>
   </div>
 
 
 
</body>
</html>

Merci si quelqu'un me file un coup de main car là, je commence à perdre espoir.

**emmanuel.remy** · 03/03/2009, 17h45

Salut,

Ton container fait 100px de haut. C'est pour cela que tu ne vois rien.

Code :

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

1
2
3
   <div id="mainTabContainer" dojoType="dijit.layout.TabContainer"
        style="width:100%;height:600px">

ERE

PS: pour info, le code que tu as récupéré était valable jusqu'à la v1.0. Je te conseille de regarder par exemple ici http://archive.dojotoolkit.org/night...data_grid.html pour avoir la nouvelle syntaxe de formatage de la Grid qui est plus abordable (c'est du html et non plus des tableaux javascript).

*.Har(d)t · 04/03/2009, 11h30

Envoyé par emmanuel.remy

Salut,

Ton container fait 100px de haut. C'est pour cela que tu ne vois rien.

Code :

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

1
2
3
   <div id="mainTabContainer" dojoType="dijit.layout.TabContainer"
        style="width:100%;height:600px">

ERE

PS: pour info, le code que tu as récupéré était valable jusqu'à la v1.0. Je te conseille de regarder par exemple ici http://archive.dojotoolkit.org/night...data_grid.html pour avoir la nouvelle syntaxe de formatage de la Grid qui est plus abordable (c'est du html et non plus des tableaux javascript).

Merci de me mettre le nez dans mon caca...

Je suis un gros boulet.
Je suis un gros boulet.
Je suis un gros boulet.
Je suis un gros boulet.
Je suis un gros boulet.
Je suis un gros boulet.
Je suis un gros boulet.
Je suis un gros boulet.
Je suis un gros boulet.
Je suis un gros boulet.

Ca, c'est fait...

Je vais jeter un coup d'oeil sur le lien que tu m'as indiqué.

Encore merci m'sieur !

Données du Grid ne s'affichent pas si Grid dans un Tab [Dojo]

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager