Pass Array od MVC do javascript?

Question

mogę przekazać zmienną z ASP.NET MVC za pomocą tego:

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

to działać dobrze sznurkiem lub całkowitą, ale jak to zrobić z tablicą ciągów? Próbowałem przekazać tablicę w ten sam sposób, ale zmienna jest ustawiona na System.String []?

Answer 1

ten powinien zrobić

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

Answer 2

Należy sformatować tablicę w składnię tablicy JavaScript.

To otoczy każde wejście pojedynczym cudzysłowem, a następnie połączy je z przecinkami między nawiasami kwadratowymi.

Zaktualizowano: usunięto dodatkowy nawias.

Answer 3

coś takiego:

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

Answer 4

Mogłeś go JSON serializacji. W ten sposób mogłyby mógł przejść jeszcze bardziej skomplikowane wartości i nie martwić się o ucieczce proste cytaty, cudzysłów, itp:

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

pisanie pomocnika HTML w tym celu byłoby jeszcze lepiej:

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

a następnie według ciebie:

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

Answer 5

Możesz pozwolić .NET obsłużyć wszystkie ciężkie dźwiganie za pomocą tego prostego wiersza kodu.

Zakłada to, że używasz składni Razor MVC.

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

nowsze wersje MVC, przeznaczenie:

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

Answer 6

Po prostu chciał dać odpowiedź za pomocą Razor składnię:

Mamy Dictionary<int, int> że jesteśmy renderingu dla jQuery Sparkline, w postaci "tablicy tablic".

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

Który jest używany tak:

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

To co otrzymujemy podczas przeglądania źródło:

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

One liner:

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

Answer 8

Tak łatwo, s o proste

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

wyjściowa wynosi:

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

Answer 9

Korzystanie Json.NET

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