Discussion :

[pierrotparma]

Bonjour à tous

Une nouvelle demande de ma part!

Je voudrais savoir comment intégrer un code javascript qui m'affiche la liste du contenu d'une display:column de ma display:table lorsque je double clic sur le titre de la colonne en question.

De plus, je souhaite pouvoir sélectionner un élément du contenu qui apparait pour m'en servir comme un filtre qui ne m'affiche que les lignes contenant cet élément.

Ou peut etre existe il dans la librairie, quelque chose pour faire cela directement? J'ai regardé du coté de ResponseOverrideFilter mais je n'ai pas compris comment m'en servir

j'ai pas mal cherché, les idées ne me viennent pas forcément.

Merci de vos conseils

[pierrotparma]

Bonjour,

je viens de créer la fonction javascript que j'aurai besoin d'utiliser pour afficher ou cacher des lignes de ma display:table.

Voilà ma display:table

Code JSP :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<display:table name="sessionScope.liste" pagesize="15" sort="list" decorator="com.servlet.test.MyDecorator" export="true" defaultsort="2" defaultorder="ascending">  
 
		<display:column property="myCheckbox" 	title="<input name='selectall' type='checkbox' onClick='selectAll(this);'>"/>
		<display:column property="id" 			title="ID" 		sortable="true"/>
      	<display:column property="nom" 			title="Nom" 	sortable="true"/>
    	<display:column property="prenom" 		title="Prenom" 	sortable="true"/> 
    	<display:column property="ville" 		title="Ville" 	sortable="true"/>
    	<display:column property="account" 		title="Account" 	sortable="true"/>
    	<display:column property="myDelete" 	title="" />
    	<display:column property="myModif" 		title="" /> 
 
</display:table>

qui devient cette page (version simplifiée) lorsque je déploie mon application sur mon serveur :

Code HTML :

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
21
22
23
24
25
26
27
28
29
30
31
 
<tbody>
		<tr class="odd">
			<td></td>
			<td>1</td>
			<td>Didi</td>
			<td>Paul</td>
			<td>Parme</td>
			<td>2000</td>
			<td></td>
			<td></td>
		</tr>
 
		<tr class="even"></tr>
 
		<tr class="odd"></tr>
 
		<tr class="even"></tr>
 
		<tr class="odd"></tr>
 
		<tr class="even"></tr>
 
		<tr class="odd"></tr>
 
		<tr class="even"></tr>
 
		<tr class="odd"></tr>
 
		<tr class="even"></tr>
	</tbody>

et la fonction javascript qui a besoin de l'ID pour ne conserver que la ligne sélectionnée.

Code Javascript :

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
21
22
23
 
function affCache(id) {
 
	// thead correspond aux title de la table, tbody aux contenus 
	var table = document.getElementsByTagName('tbody');
 
            // accès aux <tr class... du 1er élément tbody
	var listetr = table[0].childNodes;
 
	var i;
	var texte = listetr.length;
 
	for (i=0 ; i<texte; i++){
		test1 = listetr[i].childNodes[1].childNodes[0].nodeValue;
 
 
		if (test1 != id){
			listetr[i].style.display = 'none';
		}
 
	}
 
}

Mais il me manque la partie où en double-cliquant sur le titre d'une colonne, je peux voir les éléments, en sélectionner un et donc déclencher l'appel de cette fonction qui ne m'affichera que la ligne voulue!

please help, my friends!

Merci d'avance