Derniers messages sur Zeste de Savoirhttps://zestedesavoir.com/forums/2014-07-07T22:22:17+02:00Les derniers messages parus sur le forum de Zeste de Savoir.Impossible d'afficher mes données dans une TreeGrid, message #46182014-07-07T22:22:17+02:00Ymox/@Ymoxhttps://zestedesavoir.com/forums/sujet/471/impossible-dafficher-mes-donnees-dans-une-treegrid/?page=1#p4618<p>Salut à tous !</p>
<p>Je vais me permettre d'inaugurer ce forum avec une petite question aux amateurs <del>d'arts martiaux et d'épée</del> de la bibliothèque dojo.</p>
<p>J'essaie de représenter des données dans un TreeGrid. J'ai défini ma structure, j'ai un jeu de données d'exemple qui me semble la respecter, mais quand je lance la génération de la grille, je n'ai aucune erreur, et une belle page vide là où je m'attendrais à voir ma grille. Je note que si j'enlève le CSS de dojo, j'ai quatre checkboxes, c'est tout.
Si je regarde le code de la page, j'ai bien la structure pour la grille, mais elle est tout simplement vide.</p>
<p>Est-ce que quelqu'un avec un peu plus d'expérience avec dojo verrait ce qu'il me manque ?</p>
<div class="spoiler">
<figure><table class="codehilitetable"><tr><td class="linenos"><div class="linenodiv"><pre> 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</pre></div></td><td class="code"><div class="codehilite"><pre><span class="kd">var</span> <span class="nx">gridStructure</span> <span class="o">=</span> <span class="p">{</span>
<span class="nx">cells</span><span class="o">:</span> <span class="p">[</span>
<span class="p">[</span>
<span class="p">{</span>
<span class="nx">field</span><span class="o">:</span> <span class="s1">'d_name'</span><span class="p">,</span>
<span class="nx">name</span><span class="o">:</span> <span class="s1">'Département'</span><span class="p">,</span>
<span class="nx">children</span><span class="o">:</span> <span class="p">[</span>
<span class="p">{</span>
<span class="nx">field</span><span class="o">:</span> <span class="s1">'first_name'</span><span class="p">,</span>
<span class="nx">name</span><span class="o">:</span> <span class="s1">'Prénom'</span>
<span class="p">},</span>
<span class="p">{</span>
<span class="nx">field</span><span class="o">:</span> <span class="s1">'last_name'</span><span class="p">,</span>
<span class="nx">name</span><span class="o">:</span> <span class="s1">'Nom'</span><span class="p">,</span>
<span class="nx">children</span><span class="o">:</span> <span class="p">[</span>
<span class="p">{</span>
<span class="nx">field</span><span class="o">:</span> <span class="s1">'name'</span><span class="p">,</span>
<span class="nx">name</span><span class="o">:</span> <span class="s1">'Type'</span>
<span class="p">},</span>
<span class="p">{</span>
<span class="nx">field</span><span class="o">:</span> <span class="s1">'amount'</span><span class="p">,</span>
<span class="nx">name</span><span class="o">:</span> <span class="s1">'Montant'</span>
<span class="p">}</span>
<span class="p">],</span>
<span class="nx">aggregate</span><span class="o">:</span> <span class="s1">'sum'</span>
<span class="p">}</span>
<span class="p">],</span>
<span class="nx">aggregate</span><span class="o">:</span> <span class="s1">'sum'</span>
<span class="p">}</span>
<span class="p">]</span>
<span class="p">]</span>
<span class="p">};</span>
<span class="nx">require</span><span class="p">([</span>
<span class="s1">'dojox/grid/TreeGrid'</span><span class="p">,</span>
<span class="s1">'dojo/data/ObjectStore'</span><span class="p">,</span>
<span class="s1">'dojo/store/Memory'</span><span class="p">,</span>
<span class="s1">'dojo/domReady!'</span>
<span class="p">],</span> <span class="kd">function</span><span class="p">(</span><span class="nx">TreeGrid</span><span class="p">,</span> <span class="nx">ObjectStore</span><span class="p">,</span> <span class="nx">Memory</span><span class="p">)</span> <span class="p">{</span>
<span class="kd">var</span> <span class="nx">dataStore</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">ObjectStore</span><span class="p">({</span>
<span class="nx">objectStore</span><span class="o">:</span> <span class="k">new</span> <span class="nx">Memory</span><span class="p">({</span>
<span class="s2">"data"</span><span class="o">:</span> <span class="nx">data</span><span class="p">.</span><span class="nx">data</span>
<span class="p">})</span>
<span class="p">});</span>
<span class="kd">var</span> <span class="nx">grid</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">TreeGrid</span><span class="p">({</span>
<span class="nx">structure</span><span class="o">:</span> <span class="nx">gridStructure</span><span class="p">,</span>
<span class="nx">store</span><span class="o">:</span> <span class="nx">dataStore</span><span class="p">,</span>
<span class="nx">query</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">id</span><span class="o">:</span> <span class="s1">'*'</span>
<span class="p">},</span>
<span class="nx">queryOptions</span><span class="o">:</span> <span class="p">{</span>
<span class="nx">deep</span><span class="o">:</span> <span class="kc">true</span>
<span class="p">},</span>
<span class="nx">rowSelector</span><span class="o">:</span> <span class="kc">true</span>
<span class="p">},</span> <span class="s1">'grid'</span><span class="p">);</span>
<span class="p">});</span>
</pre></div>
</td></tr></table>
<figcaption><p>Script de génération</p></figcaption></figure></div>
<div class="spoiler">
<figure><table class="codehilitetable"><tr><td class="linenos"><div class="linenodiv"><pre> 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</pre></div></td><td class="code"><div class="codehilite"><pre><span class="kd">var</span> <span class="nx">data</span> <span class="o">=</span> <span class="p">{</span>
<span class="s2">"totalCount"</span> <span class="o">:</span> <span class="mi">12</span><span class="p">,</span>
<span class="s2">"data"</span> <span class="o">:</span> <span class="p">[</span>
<span class="p">{</span>
<span class="s2">"d_id"</span> <span class="o">:</span> <span class="s2">"DIR"</span><span class="p">,</span>
<span class="s2">"d_name"</span> <span class="o">:</span> <span class="s2">"Direction"</span><span class="p">,</span>
<span class="s2">"children"</span><span class="o">:</span> <span class="p">[</span>
<span class="p">{</span>
<span class="s2">"last_name"</span> <span class="o">:</span> <span class="s2">"CHOUPINOU"</span><span class="p">,</span>
<span class="s2">"first_name"</span> <span class="o">:</span> <span class="s2">"Mademoiselle"</span><span class="p">,</span>
<span class="s2">"children"</span><span class="o">:</span> <span class="p">[</span>
<span class="p">{</span>
<span class="s2">"name"</span> <span class="o">:</span> <span class="s2">"Train"</span><span class="p">,</span>
<span class="s2">"amount"</span> <span class="o">:</span> <span class="mf">21.00</span>
<span class="p">},</span>
<span class="p">{</span>
<span class="s2">"name"</span> <span class="o">:</span> <span class="s2">"Bateau"</span><span class="p">,</span>
<span class="s2">"amount"</span> <span class="o">:</span> <span class="mf">258.10</span>
<span class="p">}</span>
<span class="p">]</span>
<span class="p">},</span>
<span class="p">{</span>
<span class="s2">"last_name"</span> <span class="o">:</span> <span class="s2">"CHOUPINET"</span><span class="p">,</span>
<span class="s2">"first_name"</span> <span class="o">:</span> <span class="s2">"Monsieur"</span><span class="p">,</span>
<span class="s2">"children"</span><span class="o">:</span> <span class="p">[</span>
<span class="p">{</span>
<span class="s2">"name"</span> <span class="o">:</span> <span class="s2">"Mobile"</span><span class="p">,</span>
<span class="s2">"amount"</span> <span class="o">:</span> <span class="mf">29.95</span>
<span class="p">}</span>
<span class="p">]</span>
<span class="p">}</span>
<span class="p">]</span>
<span class="p">},</span>
<span class="p">{</span>
<span class="s2">"d_id"</span> <span class="o">:</span> <span class="s2">"B2B"</span><span class="p">,</span>
<span class="s2">"d_name"</span> <span class="o">:</span> <span class="s2">"B2B"</span><span class="p">,</span>
<span class="s2">"children"</span><span class="o">:</span> <span class="p">[</span>
<span class="p">{</span>
<span class="s2">"last_name"</span> <span class="o">:</span> <span class="s2">"MIGNON"</span><span class="p">,</span>
<span class="s2">"first_name"</span> <span class="o">:</span> <span class="s2">"Didier"</span><span class="p">,</span>
<span class="s2">"children"</span><span class="o">:</span> <span class="p">[</span>
<span class="p">{</span>
<span class="s2">"name"</span> <span class="o">:</span> <span class="s2">"Train"</span><span class="p">,</span>
<span class="s2">"amount"</span> <span class="o">:</span> <span class="mf">49.00</span>
<span class="p">},</span>
<span class="p">{</span>
<span class="s2">"name"</span> <span class="o">:</span> <span class="s2">"Mobile"</span><span class="p">,</span>
<span class="s2">"amount"</span> <span class="o">:</span> <span class="mf">10.00</span>
<span class="p">},</span>
<span class="p">{</span>
<span class="s2">"name"</span> <span class="o">:</span> <span class="s2">"Essence"</span><span class="p">,</span>
<span class="s2">"amount"</span> <span class="o">:</span> <span class="mf">14.54</span>
<span class="p">}</span>
<span class="p">]</span>
<span class="p">}</span>
<span class="p">]</span>
<span class="p">}</span>
<span class="p">]</span>
<span class="p">};</span>
</pre></div>
</td></tr></table>
<figcaption><p>Quelques données d'exemple</p></figcaption></figure></div>
<p>Merci !</p>
<h4>Edit</h4>
<p>Les données n'étaient pas correctes (j'avais mis <code>childItems</code> dans les données, il faut mettre <code>children</code>), mais ça ne règle pas mon problème…</p>