How to create array from Model?

Question

Im new to javascript and I have this code where I should pass or convert to jQuery. I have tried some code but it doesn't work. How can I do it properly?

Here is what it should look like:

<script>
  $('#calendar').fullCalendar({
    defaultDate: '2017-10-12',
    editable: true,
    eventLimit: true, // allow "more" link when too many events
    events: [
        {
            title: 'Juan Dela Cruz',
            start: '2017-10-01T10:30:00',

        },
        {
            title: 'Juan Dela Cruz',
            start: '2017-10-12T10:30:00',

        },
        {
            title: 'Juan Dela Cruz',
            start: '2017-10-27T12:00:00'
        }
    ]
});

and here is what I have tried:

<script>
var x = [];
@foreach(var item in Model)
{
    @:x.push(title='@Html.DisplayFor(x=>item.Patient.LastName)', start='@Html.DisplayFor(x=>item.ScheduleDate)')
}
$('#calendar').fullCalendar({
    defaultDate: '2017-10-12',
    editable: true,
    eventLimit: true, // allow "more" link when too many events
    events: x
});

This looks less a jQuery issue and more a Razor outputting issue. — Lloyd
– Lloyd, Commented Oct 24, 2017 at 8:14
You can use var x = @Html.Raw(Json.Encode(Model.Select(x => new { title = x.Patient.LastName, start = x.ScheduleDate) — user3559349
– user3559349, Commented Oct 24, 2017 at 8:49

Mihai Alexandru-Ionut · Accepted Answer · 2017-10-24 08:19:30Z

5

You're iterating correct the Model using @foreach statement.

The problem is at this line:

@:x.push(title='@Html.DisplayFor(x=>item.Patient.LastName)', start='@Html.DisplayFor(x=>item.ScheduleDate)')

You have to push an object in following way:

@:x.push({title:'@item.Patient.LastName', start:'@item.ScheduleDate'});

edited Oct 24, 2017 at 8:19

answered Oct 24, 2017 at 8:16

Mihai Alexandru-Ionut

48.6k14 gold badges106 silver badges132 bronze badges

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

Comments

Shiladitya · Accepted Answer · 2017-10-24 09:02:00Z

2

The statement foreach in jQuery is $.each and this a simple sample to do that :

$.each( obj, function( key, value ) {
  alert( key + ": " + value );
});

edited Oct 24, 2017 at 9:02

Shiladitya

12.2k17 gold badges29 silver badges43 bronze badges

answered Oct 24, 2017 at 8:15

Amir H KH

3612 silver badges19 bronze badges

Collectives™ on Stack Overflow

How to create array from Model?

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related