Afficher/cacher un grand nombre de lignes d'un tableau
Bonjour,
Après plusieurs recherches, je ne trouve pas ce dont j'ai besoin. Voici mon problème :
J'ai un tableau avec des éléments père et des éléments fils. A l'initialisation de mon tableau les éléments fils sont cachés. Pour les afficher je clique sur une flèche. Jusque là tout va bien.
Le problème c'est que je peux avoir un nombre considérable de fils (550 lignes cachés) et donc pour les déplier ça met énormément de temps. Du coup l'utilisateur clique plusieurs fois ne sachant pas ce qu'il se passe.
Voici mon jQuery pour plier/déplier mes lignes :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
jQuery(".pcrLibelle").click(function(){
var currentline5 = jQuery(this).parent().first(".pcr_fils");
currentline5.nextUntil(".pcr_pere").each(function(index) {
jQuery(this).slideToggle(0);
});
etat=jQuery(this).parent().next().hasClass('pcr_fils');
aff = jQuery(this).find('img').attr("src");
if(aff!="Template/images/icn-arrow.png" && etat) {
jQuery(this).find('img').attr("src","Template/images/icn-arrow.png");
}else if(aff=="Template/images/icn-arrow.png" && etat){
jQuery(this).find('img').attr("src","Template/images/icn-arrow-rotated.png");}
}); |
Est-ce qu'il existe un moyen de rendre le déplier/plier plus rapide?
Sinon j'avais dans l'idée de rajouter un sablier durant le dépliage pour montrer à l'utilisateur que ça charge et de griser ma page entière pour l'empêcher de cliquer n'importe où.
Mais ma tentative du sablier est un échec :( mon sablier s'affiche, mais mes lignes se déplient après le sablier et pas pendant... Du coup le temps est toujours aussi long...
Une aide serait la bien venu :)
Merci d'avance.
