Parcours de tableau et optimisation

Version imprimable

17/11/2005, 10h19
mik007

Parcours de tableau et optimisation

Bonjour,

je débute en javascript et je souhaiterai avoir votre avis sur le probleme suivant :

j'ai une HTML Table (un datagrid généré dynamiquement en ASP.NET) permettant de saisir des valeurs sur plusieurs lignes pour tous les jours d'un mois.
J'ai donc autant de colonnes que de jours dans le mois (plus quelques entetes de ligne). Le nombre de ligne est variable. Dans chaque "case" du tableau, j'ai un input (textBox) dans lequel on saisie une valeur numérique.

La derniere ligne de mon tableau contient la somme des valeurs sur chaque colonne. Cette somme est calculé en javascript et est mise à jour à chaque fois qu'on modifie une textbox du tableau.

Ma question est la suivante : je trouve que le temps nécessaire pour faire la somme de chaque colonne lors du premier affichage est trop long (apres çà va car je ne recalcule que la colonne modifiée). J'utilise un getElementById sur chaque textbox pour récupérer la valeur.

Comment puis-je optimiser le parcours (par ligne et par colonne) ?
Est-ce qu'il vaut mieux utiliser :

Code:

var val = document.getElementById('monDatagrid' +'__ctl' + numLigne + '_txtNb' + numColonne).firstChild.nodeValue;

OU

Code:

var val = maTable.rows[numLigne].cells[numColonne].firstChild.firstChild.nodeValue ;

D'avance merci
17/11/2005, 10h37
siddh

pourquoi pas un getElementsByTagName("input")
17/11/2005, 10h57
mik007

Les inputs générés automatiquement par asp.net n'ont pas d'attributs "name" fixe, ils sont du style :
nomduDatagrid:_ctlx:idDuControle
ce qui donne pour ma premiere ligne / premiere colonne :
monDatagrid:_ctl2:txtNb0
et pour ma deuxieme ligne / deuxieme colonne :
monDatagrid:_ctl3:txtNb1
etc...
17/11/2005, 11h00
denisC

Citation:

Envoyé par mik007

Les inputs générés automatiquement par asp.net n'ont pas d'attributs "name" fixe

Et leurs ids?

Code:

1
2
3
4
5
6
7
var somme=0;
var matable=document.getElementById(id_table);
var champ=matable.getElementsByTagName("input");
 
for(i=0;i!=fin_de_mois;i++){
somme+=parseInt(champ[i].value);
};

:?:

17/11/2005, 12h04
denisC

Citation:

Envoyé par javatwister

:?:

Il dit qu'il veux des sommes par colonne JT. Ta solution ne fonctionne pas directement, mais je pense qu'il peut quand même y arriver :)
17/11/2005, 13h46
javatwister

ah oui tiens, je suis à la masse...

bah, sinon, ça rejoint le pbm du compère lemmings l'autre jour!

==> Attribution d'un id avec un repère fixe selon la colonne, récupération des cellules (toutes, forcément, dans un premier temps) puis sélection via l'id;

éventuellement, création d'un attribut unique selon la colonne et boucle sur tous les éléments possédant cet attribut;
17/11/2005, 14h08
mik007

Citation:

Envoyé par denisC

Citation:

Envoyé par javatwister

:?:

Il dit qu'il veux des sommes par colonne JT. Ta solution ne fonctionne pas directement, mais je pense qu'il peut quand même y arriver :)

oui tout a fait.
mais en fait ma question n'est pas comment faire, çà c'est fait, et çà marche ; mais je voulais juste savoir qu'elle etait la méthode la plus rapide ?
faire des getElementById ou bien des table.rows.cell ?
17/11/2005, 15h56
SpaceFrog

évite la syntaxe firstChild ... ou si tu le fais utilise un node cleaner ... voir FAQ ...

colle leur un id fixe au moment de leur génération dynamique et utilise getElementById
21/11/2005, 18h01
mik007

je ne trouve pas ce que tu appelles node cleaner dans la FAQ JS ?
22/11/2005, 08h24
denisC

Citation:

Envoyé par mik007

je ne trouve pas ce que tu appelles node cleaner dans la FAQ JS ?

Projet de FAQ. C'est l'un des premiers threads de ce forum.

A partir de la:
http://www.developpez.net/forums/vie...860360#1860360

Jt et moi débatons du NodeCleaner.
22/11/2005, 09h57
jeca

Bonjour,

Si le 1er affichage de la page te gêne, pourquoi ne pas calculer sur le serveur avant l'envoi de celle-ci ?