Filtre du contenu d'une colonne
Bonjour,
je poste ici un message que j'ai déja posté dans la section DisplayTag de Java mais comme il traite principalement de Javascript, je me permets le doublon (si c'est possible). http://www.developpez.net/forums/d92...ntenu-colonne/
Je voudrais savoir comment réaliser 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.
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
|
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! J'ai besoin de vos précieux conseils
Merci d'avance :ccool:
