Discussion :

[Celphys]

Bonjour,

Contexte :

Sur une page j'affiche une liste de résultats sous forme d'un tableau. Pour le faire j'utilise la bibliothèque displayTag avec un Tabledecorator (certaines colonnes sont des URL d'images je surcharge avec <img src... ce n'est peut etre pas indispensable).

Dans le même projet (mais ailleurs) j'utilise Struts2jQueryPlugin (j'ai donc à ma disposition la bibliothèque de TAG <sj:*>

Demande

Dans le tableau que j'affiche j'aimerais que l'une des colonnes comporte un lien vers une fenêtre modale (un Dialog au sens Jquery) quelquechose de la forme :

Code :

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

1
2
3
4
5
6
7
8
9
 
<display:tag name="result" decorator="maclasse">
  <display:column property="TOTO" >
    <s:url id="action<%= ${row.id} %>" value="/details?id="<%= ${row.id} %>" />
    <sj:dialog id="dialog<%= ${row.id} %>" href="%{action<%= ${row.id} %>}" title="Dialog with remote content">
        <img id="indicator" src="images/indicator.gif" alt="Loading..."/>
    </sj:dialog>    
  </display:column>
</display:tag>

Les options que je vois :

- Dans le décorator écrire tous le bloc HTML permettant l'appel à ma fenetre Modale mais je ne sais pas du tout à quoi il ressemble
- Supprimer le décorator et tenter les affichages à coup de <%= %> mais je ne sais pas si ça va passer
- Le coup de l'Iterator : j'aime pas car je souhaite conserver la pagination.

Any idea ? Je n'y arrive pas.....

[Celphys]

Voici la solution :

1) Si on utilise le TableDecorator on ne peut plus surcharger les <display:column property="dudule" /> il va systématiquement dans la classe du décorator et recherche la méthode getDudule(). Mais dans la réalité on a très rarement besoin d'un décorator il suffit de réaliser une peu de mise en forme dans l'ActionSupport après l'appel du service. (création des "web beans").

2) Voici comment j'ai réalisé une fenetre Modal JQuery pour chaque ligne de mon displayTAG

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
17
18
19
20
 
<%@taglib prefix="sj" uri="/struts-jquery-tags" %>
<%@taglib prefix="s"  uri="/struts-tags" %>
<%@taglib prefix="d"  uri="/display-tags" %>
 
<!-- Declaration de la modale jQUERY -->
<sj:dialog id="dialogDetails" title="Detail" openTopics="openRemoteDialog" autoOpen="false" modal="true" height="auto" />
 
<!-- Mon tableau DisplayTag -->
<d:table name="results" id="row" pagesize="10" >
 
  <%= MonWebBean mwb = (MonWebBean) pageContext.getAttribute("row"); %>
  <d:column property="prop1" title="titreProp1" />
  <d:column>
      <s:url id="remote<%= mwb.getId() %>" action="afficherDetails" >
         <s:param name="id"><%= mwb.getId() %></s:param>
      </s:url>  
      <sj:a onClickTopics="openRemoteDialog" href="%{remote<%= mwb.getId() %> }" button="true">Details</sj:a>
  </d:column>
</d:table>

Cela servira peut-être à quelqu'un un jour...