Array von MVC an Javascript übergeben?

Question

Ich kann eine Variable von MVC ASP.NET passiert dies durch die Verwendung:

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

Diese Arbeit gut mit String oder Integer, aber wie kann ich tun, mit einer Reihe von Strings? Ich habe versucht, das Array auf die gleiche Weise zu übergeben, aber die Variable ist auf System.String [] eingestellt?

Answer 1

Dies sollte

tun

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

Answer 2

Sie müssen das Array in eine JavaScript-Array-Syntax formatieren.

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

Dies wird jeden Eintrag durch einfache Anführungszeichen umgeben und sie dann mit Kommas zwischen eckigen Klammern verbinden.

Aktualisiert: Zusätzliche Klammern entfernt.

Answer 3

etwas wie folgt aus:

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

Answer 4

Sie JSON es serialisiert werden könnte. Auf diese Weise könnte könnte noch komplexer Werte übergeben und sich keine Sorgen über zu entkommen einfache Anführungszeichen, doppelte Anführungszeichen, etc:

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

ein HTML-Helfer schreiben, dies zu tun wäre noch besser:

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

und dann Ihrer Meinung nach:

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

Answer 5

Sie könnten .NET mit dieser einfachen Codezeile das ganze schwere Heben für Sie behandeln lassen.

Dies setzt voraus, dass Sie die MVC Razor-Syntax verwenden.

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

Für neuere Versionen von MVC, zu verwenden:

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

Answer 6

Ich wollte nur eine Antwort mit Razor-Syntax zur Verfügung zu stellen:

Wir haben eine Dictionary<int, int> haben, dass wir Rendering für eine jQuery Sparkline, in Form von "einem Array von Arrays".

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

, die wie so verwendet wird:

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

Dies ist, was wir bekommen, wenn die Quelle sehen:

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

Motto:

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

Answer 8

So einfach, s o einfache

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

Ausgang ist:

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

Answer 9

Mit Json.NET

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