Binding list object to javascript array

Question

My Model lokes something like this

public class ResponseData
{
    public List<Item> Items {get; set;}
    public string Name {get; set;}
}

I know that I can bind Name to JavaScript in my view(.cshtml) like this: var jsName = '@Model.Name'

The question is how do I bind List to an array? I want to do something like this

var Array = @Model.Itmes and then be able to iterate this array via JavaScript.

Thanks you!

Justin Helgerson · Accepted Answer · 2013-05-03 14:40:29Z

6

Mate's answer would work. Another option to turn your model into a JSON object:

<script type="text/javascript">
    var model = @Html.Raw(Json.Encode(Model));
    var items = model.Items;
</script>

answered Apr 24, 2013 at 5:16

Justin Helgerson

25.7k19 gold badges104 silver badges128 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Thank you this is exactly what I was looking for. By the way I don't think that you should have semicolon after @Html.Raw(Json.Encode(Model))