Nom de propriété en automatique

Bonjour,

J'ai ce bout de code

Code:

---

1 2 3 4 5 6 7 8

for (var post = 0; post < msg.length;) { tbody += '<tr><td>' + msg[post].Name + '</td>'; tbody += '<td>' + msg[post].Major + '</td>'; tbody += '</tr>';   post++; }

---

Je voudrais rendre l'exécution de cette boucle plus automatique.
J'ai dans un autre tableau (Col) avec à l'intérieur: Name et Major. Comment faire le mixe entre msg[post] et Col
pour pouvoir faire un truc du genre

Code:

---

1 2 3 4 5 6 7 8 9 10

for (var post = 0; post < msg.length;) { tbody += '<tr>'; for (var c = 0; c< col.length;) { tbody +=<td>' + msg[post]???Col[c] + '</td>'; c++; } tbody += '</tr>'; post++; }

---

Merci de votre aide

Code:

---

msg[post][Col[c]]

---

Ceci dit, pour deux propriétés, je vois pas trop l'utilité.

A l'inverse, je vois plus l'utilité pour toi de revoir la syntaxe d'une boucle for ! :aie:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

function BuildTableElev(msg) { var tbody = ''; $tbody = $('#large').find('tbody'); for (var post = 0; post < msg.length;) { tbody += '<tr>'; for (var c = 0; c< col.length;) { tbody += '<td>' + msg[post][col[c].SQLName] + '</td>'; c++; } tbody += '</tr>'; post++; } $tbody.append($(tbody)); }

---

L'utilité est que je suis en train de faire un constructeur de tableau dynamique... donc j'ai pris un exemple minimaliste, mais le code doit s'adapter au nombre de colonne que je lui envoi

Une façon un peu plus "propre" de le faire :

Code:

---

1 2 3 4 5 6 7 8 9

function BuildTableElev(msg) { $tbody = $('#large tbody'); $.each(msg, function(i, elem){ $tr = $('<tr>').appendTo($tbody); $.each(col, function(j, valeur){ $('<td>').html(elem[valeur.SQLName]).appendTo($tr); }); }); }

---

A quelques éventuelles erreurs liées à l'objet à parser près.

Sinon, pour rappel, l'incrémentation d'une boucle for se fait dans sa définition :

Code:

---

for(var i = 0; i < length; i++){...}

---

Une autre version ...
http://jsfiddle.net/NgSF8/3/

Sinon on a inventé le templating :P

C'est pas faux. Il me semble même que quelqu'un a rédigé un très bon article là-dessus ! :mrgreen:

ça donne quoi dans ce contexte ?.

Tout dépend du templating utilisé. Avec Handlebars, ça donnerait un truc du genre :

Code:

---

1 2 3 4 5

{{#msg}}<tr> <td>{{name}}</td> <td>{{major}}</td> </tr> {{/msg}}

---

ou en gardant l'idée des colonnes dans une Array (bien qu'une hashmap serait l'idéal)

Code:

---

1 2 3 4 5 6 7 8

{{#each msg}} <tr> {{#../col}} <td>{{lookup ../this @key]}</td> {{/../col}} </tr> {{/each}}

---

Au risque de passé pour rétrograde ... j'aime bien avoir un code clair où je vois tout de suite ce que ça doit faire. Mais merci pour les renseignement, au moins ça le mérite de dire que ça existe :P

Sinon Bovino, j'ai repris ton exemple de boucle for.