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
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
<script type="text/javascript">
var dataItems = {
identifier: 'id',
label: 'name',
items: [{id: '5001',type: 'ref',nom: 'ChaussuresTalonsPrincess',prix: '86.48',stock: '100',quantite: '1',
children: [
{id: 'BLU-6',type: 'sousRef',nom: 'sousref1',prix: '86.48',stock: '8',quantite: '3'},
{id: 'BLU-7',type: 'sousRef',nom: 'sousref1',prix: '86.48',stock: '8',quantite: '3'},
{id: 'BLU-8',type: 'sousRef',nom: 'sousref1',prix: '86.48',stock: '8',quantite: '3'}
]},
{id: '5025',type: 'ref',nom: 'BottesTalonsSergeant',prix: '100',stock: '111',quantite: '1',children: [ ]}
]
}
</script>
</head>
<body class="claro">
<span dojoType="dojo.data.ItemFileWriteStore"
jsId="jsonStore" data="dataItems ">
</span>
<div dojoType="dijit.tree.ForestStoreModel" jsId="continentModel"
store="jsonStore" query="{type:'ref'}"
rootId="continentRoot" rootLabel="Continents" childrenAttrs="children"></div>
<table jsid="grid" dojoType="dojox.grid.TreeGrid" class="grid" treeModel="continentModel">
<thead>
<tr>
<th field="id" width="150px">Reference</th>
<th field="nom" width="200px">Nom</th>
<th field="prix" width="60px">Prix</th>
<th field="stock" width="60px">Stock</th>
<th field="quantite" width="60px" editable="true" >Quantite</th>
</tr>
</thead>
</table>
</body>
</html> |
dojox.grid.TreeGrid avec colonne éditable
Répondre avec citation
Partager