Passer tableau de MVC en javascript?

Question

Je peux passer une variable de ASP.NET MVC en utilisant ceci:

var lastCategoryId = '<%=Model.CS.LastSelectedCategory %>'; 

Ce travail très bien avec la chaîne ou entier, mais comment puis-je faire avec un tableau de chaînes? J'ai essayé de passer le tableau de la même manière mais la variable est définie sur System.String []?

Answer 1

Cela devrait faire

var someArray=[<%foreach (var s in myStringArray){%>'<%=s%>',<%}%>]; 

Answer 2

Vous devez formater le tableau en une syntaxe de tableau JavaScript.

var someArray = [<%= Model.SomeArray.Select(x => "'" + x +"'") 
          .Aggregate((x,y) => x + ", " + y); %>]; 

Ceci encadrera chaque entrée par des guillemets simples, puis les joindra avec des virgules entre crochets.

Mise à jour: suppression de la parenthèse supplémentaire.

Answer 3

quelque chose comme ceci:

<script type="text/javascript"> 
var myArr = [<%=string.Join(",", strArr.Select(o => "\"" + o + "\"")) %>]; 
</script> 

Answer 4

Vous pouvez JSON sérialiser. De cette façon, pourrait peut transmettre des valeurs encore plus complexes et ne pas s'échapper des citations simples, doubles citations, etc:

var categoriesList = <%= new JavaScriptSerializer().Serialize(new[] { "value1", "value2" }) %>; 

écrire un assistant HTML pour ce faire serait encore mieux:

public static class HtmlExtensions 
{ 
    public static string JsonSerialize(this HtmlHelper htmlHelper, object value) 
    { 
     return new JavaScriptSerializer().Serialize(value); 
    } 
} 

puis à votre avis:

<script type="text/javascript"> 
    var categoriesList = <%= Html.JsonSerialize(new[] { "value1", "value2" }) %>; 
</script> 

Answer 5

vous pouvez laisser .NET gérer tout le levage lourd pour vous avec cette simple ligne de code. Cela suppose que vous utilisez la syntaxe MVC Razor.

var yourJavaScriptArray = @Html.Raw(Json.Encode(Model.YourDotNetArray));

Pour les versions plus récentes de MVC, utilisez:

var yourJavaScriptArray = @Html.Raw(Json.Serialize(Model.YourDotNetArray));

Answer 6

Je voulais juste apporter une réponse en utilisant la syntaxe Razor:

Nous avons un Dictionary<int, int> que nous rendons pour un jQuery Sparkline, sous la forme d'un "tableau de tableaux".

var usageData = [ @string.Join(",", Model.UsageData.Select(d => string.Format("[{0},{1}]", d.Key, d.Value)).ToArray()) ]; 

qui est utilisé comme ceci:

$('#sparkline').UsageSparkline(usageData, { tooltipFormatter: cachedTooltips }); 

C'est ce que nous obtenons lors de l'affichage de la source:

var usageData = [ [-13,0],[-12,1],[-11,0],[-10,0],[-9,1],[-8,1],[-7,0],[-6,2],[-5,2],[-4,0],[-3,0],[-2,9],[-1,3],[0,4] ]; 
$('#sparkline').UsageSparkline(usageData, { tooltipFormatter: cachedTooltips }); 

Answer 7

Une doublure:

var data = [@Html.Raw(String.Join(",", Model.MyArray.Select(i => "'" + i + "'")))]; 

Answer 8

Alors facile, s o simples

<script type="text/javascript"> 
    var array = @Html.Raw(
     Json.Encode(
      (Model).Select(m=> new 
      { 
       id= m.ID, 
       name=m.Name 
      }) 
     ) 
    ); 
</script> 

sortie est:

[{"id":1,"name":"Name of 1"}, {"id":2,"name":"Name of 2"}, ...]; 

Answer 9

En utilisant Json.NET

var yourlist = JSON.parse('@Html.Raw(JsonConvert.SerializeObject(Model.YourList))');