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.