Besoin d'un exemple simple de la façon de remplir un tableau javascript à partir de la liste Viewdata

Question

Il peut y avoir une façon plus simple de faire cela et je suis tout ouïe s'il y a. Ma situation est que j'ai une liste déroulante sur un formulaire que je remplis avec succès avec du texte et des valeurs. J'ai également besoin de valeurs de chaînes connexes supplémentaires provenant de la même ligne de table dans la table db disponible sur le client. Ainsi, lorsque l'utilisateur sélectionne dans la liste déroulante, ces données connexes sont remplies dans une zone de texte sur le formulaire. Il n'y a que 4 enregistrements auxquels je suis confronté, donc stocker sur le client n'est pas une grosse affaire. J'ai pensé à transmettre ces données via ViewData sous la forme d'une liste et de les charger dans un tableau javascript. Lorsque l'utilisateur sélectionne dans la liste déroulante - je voudrais déterminer l'index sélectionné et obtenir les données connexes dont j'ai besoin de la matrice. J'utilise déjà la valeur de l'élément de liste déroulante pour les autres données requises, donc j'ai besoin d'un moyen d'obtenir ces données connexes sans faire un aller-retour au serveur. Si je suis sur la bonne voie, quelqu'un pourrait-il publier un exemple simple de remplissage d'un tableau js avec des valeurs sting retournées sous la forme d'une liste dans ViewData.

Merci,

Mike

Answer 1

var myArray = [ 
<% foreach (string item in ViewData["list"] as List<string>) { %> 
"<%= item %>", 
<% } %> 
]; 

Avoir une virgule à la fin sera aurait briser dans IE, je vous conseille donc une vue méthode d'assistance d'extension pour rendre le code plus facile à gérer:

<%= Html.JavaScriptArray(ViewData["list"] as List<string>, "myArray") %> 

Mettre cette méthode d'aide quelque part en vous solution:

public static string JavaScriptArray(this HtmlHelper htmlHelper, IList<string> values, string varName) { 
    StringBuilder sb = new StringBuilder("var "); 
    sb.append(varName); 
    sb.append(" = ["); 
    for (int i = 0; i < values.Count; i++) { 
     sb.append("'"); 
     sb.append(values[i]); 
     sb.append("'"); 
     sb.append(i == values.Count - 1 ? "\n" : ",\n"); // Not the prettiest but it works... 
    } 
    sb.append("];"); 
    return sb.toString(); 
} 

Techniquement, la méthode d'extension peut aller n'importe où, vous aurez juste besoin d'inclure l'espace de noms dans votre fichier .aspx. Pratiquement de son mieux pour les garder dans des classes séparées logiquement, comme MyApp.Mvc.Extensions.JavaScriptExtensions, MyApp.Mvc.Extensions.LinkExtensions

Answer 2

... Que diriez-vous

<%= new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(ViewData["list"]) %>