Discussion :

[mik007]

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 :

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

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

OU

Code :

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

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

D'avance merci

[siddh]

pourquoi pas un getElementsByTagName("input")

[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...

[denisC]

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

Et leurs ids?

[javatwister]

Code :

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

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);
};

:

[denisC]

:

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

[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;

[mik007]

:

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 ?

[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

[mik007]

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

[denisC]

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.

[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 ?