2017-10-24 18 views
3

Imはjavascriptには新しく、このコードはjQueryに渡すか変換する必要があります。いくつかのコードを試しましたが、うまくいきません。私はそれをどうやって正しく行うことができますか?ここでモデルからアレイを作成するには?

は、それがどのように見えるかです:

<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' 
     } 
    ] 
}); 

、ここでは、私が試してみましたものです:

<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 
}); 

+5

https://api.jquery.com/each/ –

+3

これをjQueryの問題やRazorの出力に関する問題が少なくなっています。 – Lloyd

+0

'var x = @ Html.Raw(Json.Encode(ModelSelect(x => new =タイトル= x.Patient.LastName、開始= x.ScheduleDate) ')を使用することができます。 –

答えて

5

Model@foreachステートメントで繰り返しています。あなたは次のようにプッシュobjectに持って

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

問題は、このラインである

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

ありがとうございます – Ayyaayaa

+0

@Ayyaayaa 、 どういたしまして。 –

1

声明foreach in jQuery$.eachと、このaはそれを行う簡単なサンプル:

$.each(obj, function(key, value) { 
    alert(key + ": " + value); 
}); 
関連する問題