Discussion :

[SPACHFR]

Bonjour,

Je continue sur les tables JavaScript.....
J'ai fais une fonction de "delete" de row d'une table, dans laquelle seul les lignes ayant un checkbox checked sont supprimées.
Grâce à la méthode 'deleteRow()' aucun problème.

Cependant chaqu'une des checkBox à un Id généré lors de la construction de la table. Cet Id est :
'chk'+n
ou n est le numéro de la ligne en cours (chk0, chk1, chk2, etc...)
La fonction de delete fonctionne bien la première fois mais ensuite l'index de la ligne ne correspond plus à l'Id du checkBox.
La conséquence est que lors du getElementById() de la checkbox celle-ci n'existe plus dans certain cas et j'obtiens une erreur.

Existe t-il une manière alternative de procéder sans passer par l'Id du checkBox ?

Merci

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
 function DelEvent() {
  var TabRows = document.getElementById('EventTable').rows.length;
  var Tab = document.getElementById('EventTable');
  var ChkId = '';
 for (var i=0;i<TabRows;i++) {
   ChkId = 'chk'+i;
    if (document.getElementById(ChkId).checked) {
	 Tab.deleteRow(i);
    }
  }
 }

[franculo_caoulene]

Salut,

Fait une boucle à l'envers!

[SPACHFR]

Merci pour cette réponse.

A l'envers (?) désolé mais je comprend pas

[franculo_caoulene]

Au lieu de partir de zéro et d'incrémenter, pars de la taille du tableau et décrémente. Ainsi les index restent les mêmes.

[SPACHFR]

J'ai testé, mais j'ai le même problème.

Code :

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

1
2
 
for (var i=TabRows-1;i>0;i--) {

Cela fonctionne uniquement si je supprime les dernières lignes.
Mais si je supprime un ligne dans le milieu du tableau, ensuite lorsque je rappel la fonction de delete l'Id de la checkBox ne correspond plus au numéro de ligne du tableau.

J'ai bien pensé à ré-indexer les Id des CheckBox, mais le tableau peux avoir plus de 1000 lignes, et j'ai peur que cela ne soit vraiment pas performant.

[andry.aime]

Salut,
Teste d'abord si le checkbox existe encore avant de faire la suppression.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function DelEvent() {
  var TabRows = document.getElementById('EventTable').rows.length;
  var Tab = document.getElementById('EventTable');
  var ChkId = '';
 for (var i=0;i<TabRows;i++) {
   ChkId = 'chk'+i;
    if (document.getElementById(ChkId) && document.getElementById(ChkId).checked) {
	 Tab.deleteRow(i);
    }
  }
 }