Discussion :

[Ludoztw]

Bonsoir � tous,

Je suis d�butant JS et j'ai une petite question. Je dois remplir un tableau avec chaque ligne correspondant � un �tudiant en inscrivant : son nom, son prenom et sa date de naissance. Ainsi qu'un petit icone permettant de cliquer sur cet �tudiant (gr�ce � la route get_student_last_years)

Voici ma boucle for parcourant tout mon tableau d'�tudiants :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
for(var etudiant in data)
{
            html += '<tr><td><a href=\'{{ path("get_student_last_years", { id : ' + XXXXXXXX + ' }) }}\'> <i class="glyphicon glyphicon-arrow-right"> </i> </a></td><td>' + data[etudiant][0].listEtudiantInformations[0].etudiantInformations.nom + '</td><td>' + data[etudiant][0].listEtudiantInformations[0].etudiantInformations.prenom + '</td><td>' +  data[etudiant][0].dateNaissance.date.format('yyyy') + '</td></tr>';
}

Mon probl�me vient de ma variable 'XXXXXX', je souhaite mettre l'id de l'�tudiant � la place. J'ai donc tenter de placer data[etudiant][0].id cependant me permettant de faire ressortir l'id de l'�tudiant. Or, lorsque je vais sur mon navigateur, le lien sur l'�tudiant est : "/getStudentLastYears?id=%2Bdata%5Betudiant%5D%5B0%5D.id%2B".

Si je fais cela :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
for(var etudiant in data)
{
    var id = data[etudiant][0].id;
    console.log(id);
}

Mon id correspond bien � l'id de l'�tudiant..

Auriez-vous une solution? Merci beaucoup

[SylvainPV]

En URL d�cod�e �a fait : "/getStudentLastYears?id=+data[etudiant][0].id+"

Il y a des moustaches {{ }} donc j'imagine que tu utilises une solution de templating. Ma premi�re question est donc de savoir quelle est cette solution, �a peut �tre utile de le savoir. La seconde question �tant, si tu utilises du templating, pourquoi construire manuellement du HTML en JS ? La troisi�me question �tant, si tu construis manuellement le HTML en JS, pourquoi vouloir quand m�me mettre une syntaxe moustache � l'int�rieur au lieu d'appeler manuellement la fonction path ?

En supposant que ta fonction path est accessible depuis ce code, �a donnerait �a :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
for(var etudiant in data)
{
            html += '<tr><td><a href="' + path("get_student_last_years", { id : data[etudiant][0].id }) +
                        '"> <i class="glyphicon glyphicon-arrow-right"> </i> </a></td><td>' + 
                        data[etudiant][0].listEtudiantInformations[0].etudiantInformations.nom + '</td><td>' + 
			data[etudiant][0].listEtudiantInformations[0].etudiantInformations.prenom + '</td><td>' +
			data[etudiant][0].dateNaissance.date.format('yyyy') + '</td></tr>';
}

Le templating servant pr�cis�ment � �viter ce genre de code horrible o� on s'embrouille avec les guillemets et les �l�ments, je ne peux que t'encourager � t'en servir plut�t que de manipuler le HTML en JS.