Discussion :

[AnneB]

Bonjour !

J'ai un petit soucis avec l'emploi de la taglib display:table... En effet je souhaite utiliser cette lib pour afficher un tableau de données de plusieurs colone. Dans le header de chacune des colones triables du tableau, j'ai besoin d'insérer 2 images cliquables :
- une flèche vers le haut pour trier sur la colone dans l'ordre croissant
- une flèche vers le bas pour trier sur la colone dans l'ordre décroissant

J'ai envisagé plusieurs solutions :
1) avec les css :
définir un style pour la balise th du tableau en mettant en background les deux images en question. Mais le soucis c'est que du coup on ne peut pas avoir de link vers une action (exemple :triCroissant.do ou triDecroissant.do) au clic sur l'image 'flèche vers le haut' ou 'flèche bas'....
2) Modification du displaytag.properties :
Le problème c'est que j'ai bien l'impression que l'on ne peut modifer le style que pour les colones triable d'une part. D'autre part, la modif de ce fichier aurait des répercussions sur d'autres tableaux que celui de la jsp en question, et cela est à éviter autant que possible...

Est-ce que quelqu'un aurait une idée svp ?

[mattheox]

salut,
tu ne trouves pas ton bonheur avec displaytag->Sorting?
Quelle est la différence avec ce que tu veux faire?
sachant que tu peux faire ton propre framework de tri : tri externe.

[AnneB]

Bah en fait mon pb est plus de l'ordre du design : je souhaite pouvoir mettre en fond là ou il y a le titre de la colone deux images. Un clic sur l'image de droite (fleche vers le bas) doit provoquer un tri par ordre croissant sur la colone, et Un clic sur l'image de gauche (fleche vers le bas) doit provoquer un tri par ordre décroissant sur la colone.

Je sais bien que l'on peut définir que la colone est triable ou pas grace à l'attribut sortable. Mais mon pb est plus d'insérer des images dans le header et que ces images soient cliquable et redirigent vers une action donnée....

[ericw78]

Rien ne t'empeche de mettre du html dans le title

Code :

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

<display:column property="email" title="<img ...>Email<img ...>"  />

Par contre, je ne vois pas comment préciser que l'image de droite tri dans un sens et celle de gauche dans l'autre

[AnneB]

Bon, bah voilà j'ai trouvé

Voici la ruse du Renard :

Code :

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

1
2
 
<display:column property="nom" titleKey="etude.reponse.table.titre.nom"  sortable="true"/>

et dans le fichier properties où se trouvent les clés de message :

Code :

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

1
2
3
4
5
6
7
8
 
etude.reponse.table.titre.nom = Nom </a><br/> \
      <a href="contexte/trierColonneEtude.do?param=nom&ordre=croissant"> \
               <img src="img/tricroissant.gif" alt="Tri par Nom croissant"> \
      </a> \
      a href="contexte/trierColonneEtude.do?param=nom&ordre=decroissant"> \
               <img src="img/tridecroissant.gif" alt="Tri par Nom décroissant"> \
      </a> \

Et voilà, ensuite ne reste qu'à écrire la classe action trierColonneEtude !!!!

Bon, c'est pas très dynamique comme solution mais bon c'est tout ce que j'ai trouvé.....

Donc on ne sait jamais si ca peut aider qqn....


Encore merci pour vos pistes

Anne