Développons en Java 1007
Cet exemple utilise les fonctions getValues() et setValues() qui mappent automatiquement les propriétés d'un objet avec
les objets de l'arbre DOM dont l'id correspond.
Remarque : il est important que l'objet personne qui encapsule les données de la personne soit correctement initialisé, ce
qui est fait au chargement des données de la personne.
55.4.1.10. Exemple pour remplir dynamiquement un tableau de données
Cet exemple va remplir dynamiquement le contenu d'un tableau avec une collection d'objets.
Un clic sur le lien permet d'afficher le tableau avec les données retournées par le serveur.
Un clic sur le bouton valider affiche un message avec le nom et le personne concernée.
Développons en Java 1007
Côté serveur la méthode getPersonnes() du bean est appelée pour obtenir la liste des personnes sous la forme d'une
collection d'objets de type Personne.
Exemple :
public List getPersonnes() {
List resultat = new ArrayList();
Personne personne = null;
for (int i = 0; i<10 ; i++) {
personne = new Personne("nom"+i,"prenom"+i,i+"/05/2006",170+i);
resultat.add(personne);
}
return resultat;
}
La page de l'application est composée d'un calque contenant un tableau.
Exemple :
<%@ page language="java" contentType="text/html; charset=ISO−8859−1"
pageEncoding="ISO−8859−1"%>
<!DOCTYPE HTML PUBLIC "−//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http−equiv="Content−Type" content="text/html; charset=ISO−8859−1">
<title>Test remplir un tableau avec DWR</title>
<script type='text/javascript' src='/testwebapp/dwr/interface/TestDWR.js'></script>
<script type='text/javascript' src='/testwebapp/dwr/engine.js'></script>
<script type='text/javascript' src='/testwebapp/dwr/util.js'></script>
<script type='text/javascript'>
<!−−
function rafraichirListeValeurs() {
Développons en Java 1008
TestDWR.getPersonnes(remplirListeValeurs);
}
function remplirListeValeurs(data) {
DWRUtil.removeAllRows("tableau");
if (data.length == 0) {
alert("");
$("donnees").style.visibility = "hidden";
} else {
DWRUtil.addRows("tableau",data,cellulesFonctions);
$("donnees").style.visibility = "visible";
}
}
// tableau des fonctions permettant d'assurer le rendu des différentes cellules du tableau
var cellulesFonctions = [
function(item) { return item.nom; },
function(item) { return item.prenom; },
function(item) { return item.dateNaissance; },
function(item) { return item.taille; },
function(item) {
var btn = document.createElement("button");
btn.innerHTML = "Visualiser";
btn.itemId = item.nom+" "+item.prenom;
btn.onclick = afficherPersonne;
return btn;
}
];
function afficherPersonne() {
alert("Affichage demandé de la personne : "+this.itemId);
}
function init() {
DWRUtil.useLoadingMessage();
}
−−>
</script>
</head>
<body onload="init();">
<p><a href="#" onclick="rafraichirListeValeurs()">Obtenir les donnees</a></p>
<div id="donnees"><table id="tableau" border="1" cellpadding="4" cellspacing="0"></table></div>
</body>
</html>
Cet exemple met en oeuvre les fonctions de manipulation de tableau de la bibliothèque util.js notamment la fonction
DWRUtil.addRows("tableau",data,cellulesFonctions) qui permet d'ajouter un ensemble de lignes à un tableau HTML.
Elle attend en paramètre l'id du tableau à modifier, les données à utiliser et un tableau de fonctions qui vont définir le
rendu de chaque cellule d'une ligne du tableau. Ces fonctions peuvent simplement retourner la valeur d'une propriété de
l'objet courant ou renvoyer des objets plus complexes comme un bouton.
Remarque : il est préférable d'utiliser un id pour les boutons générés qui soit plus adapté pour une meilleure unicité. Il
serait souhaitable d'utiliser un suffixe et un identifiant unique plutôt que la concaténation du nom et du prénom. Ce
choix, dans cet exemple, a été fait pour le conserver le plus simple possible.
55.4.2. D'autres frameworks
Ils existent de nombreux autres frameworks permettant de mettre en oeuvre Ajax donc voici une liste non exhaustive :
Framework Url
Développons en Java 1009
AjaxAnywhere http://ajaxanywhere.sourceforge.net
AjaxTags http://ajaxtags.sourceforge.net/
ajax4suggest http://sourceforge.net/projects/ajax4suggest
AJAX•JSF http://smirnov.org.ru/en/ajax•jsf.html
Echo 2 http://www.nextapp.com/products/echo2/
SWATO http://swato.dev.java.net/
WidgetServer http://wiser.dev.java.net
jWic http://www.jwic.de
Développons en Java 1010
Partie 8 : Les outils pour le développement
Le développement dans n'importe quel langage nécessite un ou plusieurs outils. D'ailleurs la multitude des technologies
mises en oeuvre dans les projets récents nécessitent l'usage de nombreux outils.
Ce chapitre propose un recensement non exhaustif des outils utilisables pour le développement d'applications Java et une
présentation détaillée de certains d'entre eux.
Le JDK fournie un ensemble d'outils pour réaliser les développements mais leurs fonctionnalités se veulent
volontairement limitées au strict miminum.
Enfin, le monde open source propose de nombreux outils très utiles.
Cette partie contient les chapitres suivants :
Les outils du J.D.K. : indique comment utiliser les outils fournis avec le JDK♦
JavaDoc : explore l'outil de documentation fourni avec le JDK♦
Les outils libres et commerciaux : tente une énumération non exhaustive des outils libres et commerciaux pour
utiliser java
♦
Ant : propose une présentation et la mise en oeuvre de cet outil d'automatisation de la construction
d'applications
♦
Maven : présente l'outil open source Maven qui facilite et automatise certaines taches de la gestion d'un projet♦
Développons en Java 1011
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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
1
/
267
100%
