HowTo pass List<T> object to Javascript in MVC?

Question

I wanna do something like that:

 $(document).ready(function () 
{
    calendarGrid.create(@Model.Events)
}

Model.Events is a List.

I tried to use:

System.Web.Script.Serialization.JavaScriptSerializer.Serialize(@Model.Events)
JSON.parse(@Model.Events)
JSON.strigngify(@Model.Events)

nothing helps.

What is the T? Is it serializable?

Jamie Treworgy
– Jamie Treworgy

2011-04-15 19:02:51 +00:00
Commented Apr 15, 2011 at 19:02 — Jamie Treworgy
– Jamie Treworgy, Commented Apr 15, 2011 at 19:02

marcind · Accepted Answer · 2011-04-15 21:24:46Z

3

You need to write code that will serialize your server-side list into code that gets sent to the client. Trye something like this:

calendarGrid.Create(@Html.Raw(JavaScriptSerializer.Serialize(Model.Events)))

The entire contents of @Html.Raw(...) will be emitted to the output.

edited Apr 15, 2011 at 21:24

answered Apr 15, 2011 at 19:03

marcind

53.2k13 gold badges129 silver badges112 bronze badges

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

2 Comments

Darin Dimitrov Over a year ago

Actually that should be calendarGrid.Create(@Html.Raw(JavaScriptSerializer.Serialize(Model.Events))) as the @ method HTML encodes and the output of the JavaScriptSerializer shouldn't be encoded in this case as it already does this.

iLemming Over a year ago

it works. What's the right way to add DateTime conversion if my <T> has DateTime properties?

vt100 · Accepted Answer · 2011-04-15 19:17:43Z

2

I've had great success by setting a javascript variable to it, using:

<script>
     var eventList = @(Html.Raw(Json.Encode(Model.Events)));

     $(document).ready(function () {
        calendarGrid.create(eventList);
     });

</script>

From there, you can freely use the eventList variable as a JSON object.

The Trick is the use of Html.Raw to prevent any further encoding from happening

answered Apr 15, 2011 at 19:17

vt100

7966 silver badges13 bronze badges

Collectives™ on Stack Overflow

HowTo pass List<T> object to Javascript in MVC?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related