Discussion :

[khaoula_14_05]

Bonjour,

J'ai suivi le tutoriel du serveur de News pour afficher un datagrid et j'ai réussi à le faire. Je voudrais maintenant faire comme dans cet exemple: http://struts.improve-technologies.c...o?reqCode=edit c-à-d, lorsq'on clique sur une ligne, la couleur de son arrière plan change. ça utilise le fichier "datagrid.js" (je l'ai téléchargé à partir du site) mais comment l'utiliser? je crois que c'est un truc de ce genre: onclick="strutsLayoutDatagridData['delais'].selectDatagridLine(this)" style="cursor:pointer;cursor:hand;"

Voici ma page jsp:

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
<script type="text/javascript" src="scripts/datagrid.js"></script>
<layout:html>
<layout:form action="/delais"  reqCode="display" styleClass="DATAGRID">
	<layout:row>
		<layout:datagrid property="datagrid" selectionAllowed="true" multipleSelectionAllowed="false" model="datagrid">
			<layout:datagridColumn title="etab.TitreCod" property="codModPay" />
			<layout:datagridColumn title="etab.TitreLibCod" property="libModPay"/>			
		</layout:datagrid>
 
		<layout:column>
			<layout:submit reqCode="display" >Enregistrer</layout:submit>
		</layout:column>
	</layout:row>
	</layout:form>
 
</layout:html>

Merci

[benneb]

il y a juste à inclure le datagrid.js dans ton projet

il n'y a pas de code onclick à rajouter

[khaoula_14_05]

oui, j'ai essayé de le faire mais je n'ai pas réussi! tu peux m'aider stp?

[c_nvy]

Tout d'abord, il n'est pas utile d'inclure le javascript datagrid.js parce que celui-ci est automatiquement inclus par le tag layout:datagrid.
Pour que l'inclusion se fasse automatiquement, il faut que ce javascript, ainsi que tous les javascripts de Struts-Layout, soient dans le répertoire config, ou bien dans le répertoire précisé dans le fichier Struts-Layout_default.properties dans directory.config.

D'après ton code, tu as mis le javascript datagrid.js dans un répertoire scripts.
Est-ce que tous les javascripts de Struts-Layout sont dans ce répertoire ?
Si c'est bien le cas, as-tu spécifié dans le fichier Struts-Layout_default.properties que les javascripts de Struts-Layout étaient dans ce répertoire via le code suivant :

directory.config = scripts

parce que si tu ne l'as pas fait, par défaut, il va chercher le javascript dans le répertoire config.

Et où as-tu mis les fichiers css de Struts-Layout ?

Si tu veux avoir le même comportement que l'application de demo de Struts-Layout, je te conseille de récupérer tous les styles liés au datagrid définis dans le fichier default.css pour les copier dans le fichier default.css de ton application ou dans un css personnalisé, si tu en as défini un dans le fichier Struts-Layout_default.properties.

Soient plus précisément les styles suivants :

/************************************
* Datagrid styles *
************************************/

TABLE.DATAGRID {
background-color : #336699;
}

TH.DATAGRID {
color : #FFFFFF;
background-color : #336699;
font-weight: bold;
font-family : verdana;
}

TABLE.DATAGRID TR TD {
font-family : verdana;
padding: 2px;
}

TR.DATAGRID {
background-color : #FFFFFF;
}

TR.DATAGRID2 {
background-color : #FFFFFF;
}

.DATAGRID_SEL {
background-color : #336699;
}

.DATAGRID_DEL {
text-decoration: line-through;
}

TR.DATAGRID_DEL TD INPUT {
text-decoration: line-through;
}

TABLE.DATAGRID TR TD INPUT {
width: 100%;
}

Et ensuite, dans la jsp, mets styleClass="FORM" dans le tag layout:form et styleClass="DATAGRID" dans le tag layout:datagrid.

[khaoula_14_05]

Très bonne explication, merci
Au fait, j'avais oublié ça

directory.config = scripts