[DisplayTag] Javascript : affichage contenu colonne

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:

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:

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:

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