Discussion :

[Invité]

Bonjour,

Je travail sur un site en MVC3 + Razor

J'ai ce passage ou je veux utiliser une variable de mon JS dans un EditorFor:

Code js :

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

1
2
3
function test (full) {
   return '@Html.EditorFor(m => Model.VList[full[2]])'; //a chaque appel full[2] contient une valeur differente
}

Or "full" n'est pas accessible dans ce cas là.
Une idée ?

[Olivier P.]

Bonjour,

Vous êtes sur que full est disponible dans votre JS ? (avant votre l'instruction Razor)

[Invité]

Oui il est disponible.
Mais ce que j'essayais de faire n'est pas possible.
Tout simplement parce que je Razor est un langage "serveur" alors que le JS un langage "client" du coup:
Razor => JS = possible
JS => Razor = impossible

[Olivier P.]

et pourquoi ne pas faire simplement en HTML dans votre code javascript ?

Perso, la surcouche Razor, je l'utilise quasiment jamais.

[Invité]

Je vais peut être passer pour un ignorant, mais euh...

pourquoi ne pas faire simplement en HTML

Comment auriez vous fait ça ? (boucler en HTML ? (vous parlez du PHP ?))

En immaginant full[1] contient une liste de string pour un <select> et full[2] l'index pré-selectionné

[Olivier P.]

On est bien d'accord que Razor vous sert à générer du html.. Au final les helpers Razor ne servent qu'à cela.

Je trouve qu'il rajoutent une couche de complexité pour pas grand chose.

Dans votre cas, vous chercher à générer un "input" de type "text", avec une valeur pré-alimentée. oui ?

Comme vous l'avez dit, vous n'avez pas de souci pour récupérer la valeur full[2] dans votre JS.

Donc 2 solutions.

1. Vous créer votre champ en dehors du JS :

Code :

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

<input type="Text" id="idChamp"/>

puis vous l'alimentez dans votre JS :

Code :

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

document.getElementById("idChamp").value = full[2];

2. Vous créez et alimentez votre champ directement dans le code JS :
(code à améliorer, mais l'idée est là)

Code :

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

1
2
3
4
var field = "<input type='Text' id='champ'>";
var element = document.createElement(field);
document.body.appendChild(element);
document.getElementById("champ").value = full[2];

[Invité]

Merci pour votre réponse. j'ai contourné le problème d'une autre façon. Mais si l'occasion se présente, je ferais certainement comme cela.