コントローラからビューへのintのリストを取得する

Question

私は、コントローラからビューのデータセットをフェッチしようとしています。

Index.cshtml

<input type="button" value="submit" class="btn btn-default" id="btnGet" name="btnGet" onclick="displayCalendar()" /> 

ボタンを押すと、displayCalendar()機能は、コントローラからすべてのイベントを移入jQueryのfullCalendarを呼び出します。

問題は、私はAJAX呼び出しで、または別々に取り出したい整数のセットを持っていることです。

コントローラー：

return Json(totalList, JsonRequestBehavior.AllowGet); 

今、私が試してみましたでしょうか？ ViewBag、ViewData、TempDataを使ってみました。このような;

 TempData["countWeekDays"] = countWeekDays; 
     TempData["countPresents"] = countPresents; 
     TempData["countAbsence"] = countAbsence; 
     TempData["countLates"] = countLates; 
     TempData["countFines"] = countFines; 

これらを同じIndex.cshtmlに表示しても機能しませんでした。私はその後、整数のリストを作成し、jsonのように渡されたオブジェクトのリストと一緒にそのリストをバインドしようとしました。私は上記の方法を試したとき

 List<int> statsView = new List<int>(); 
     statsView.Add(countWeekDays); 
     statsView.Add(countPresents); 
     statsView.Add(countAbsence); 
     statsView.Add(countLates); 
     statsView.Add(countFines); 

    IEnumerable<object> completeObjects = totalList.Cast<object>().Concat(statsView.Cast<object>()); 


    return Json(completeObjects, JsonRequestBehavior.AllowGet); 

は、私は、ブラウザでコンソールデバッグ中リストを見ることができましたが、問題は、それは、カレンダーを移入doesntのことです。リストstatsViewを除外すると、カレンダーにイベントが正しく入力されます。

displayCalendar()の関数が呼び出されたときに、それはコントローラからリストを取り出して単純にビューに表示しますか？

更新日：

<div id='calendar'></div> 
@section scripts{ 
    <script> 
     function h() { 
      id = $('#EmpId').val(); 

      s = $("#startDate").val(); 
      e = $("#endDate").val(); 


       $.post("/Controller/method", 
        { 
         ENum: id, 
         StartDate: s, 
         EndDate: e 
        }, 
        function (response) { 
         callCalendar(response); 
        } 
       ); 
     } 
     function displayCalendar(e) 
     { 

      $("#calendar").fullCalendar('removeEvents'); 
      $("#calendar").fullCalendar('addEventSource', e); 
      $("#calendar").fullCalendar('rerenderEvents'); 

      $('#calendar').fullCalendar({ 
       header: { 
        left: 'prev,next today', 
        center: 'title', 
        right: 'month,agendaDay' 
       }, 
    } 
      }); 
      //stats here 
     } 
    </script> 
    <script> 
     $(document).ready(function() { 
      displayCalendar(''); 
     }); 
    </script> 
} 

Answer 1

あなたの現在のコードが正しくカレンダーを埋めるために、あなたはいくつかの追加データ（整数のリスト）を送信する場合、あなたは2つのプロパティを持つ新しいAnnonymousのオブジェクトを返すことが動作している場合は、 1つは元のデータ用、もう1つは追加データ用です。

List<int> statsView = new List<int>(); 
statsView.Add(countWeekDays); 
statsView.Add(countPresents); 
statsView.Add(countAbsence); 
statsView.Add(countLates); 
statsView.Add(countFines); 

return Json(new { list = totalList, statusList = statsView }, 
                JsonRequestBehavior.AllowGet); 

は今、あなたはあなたのcallCalendarメソッド呼び出しのレスポンスオブジェクトのlistプロパティを使用するクライアント側のコードを更新してください。 statusViewコレクションを取得するには、応答オブジェクトのstatusListプロパティを使用します。

var d = { ENum: id, StartDate: s, EndDate: e }; 
$.post("/Controller/method",d ,function (response) { 
     console.log(response.statusList); 
     callCalendar(response.list); 
}); 

ページにresponse.statusList内の項目を表示したい場合は

、あなたはそれらをループとは、既存のDOM要素にそれを追加することもできます。配列の反復処理には $.eachを使用できます。

$.post("/Controller/method",d ,function (response) { 
     console.log(response.statusList); 

     var items=""; 
     $.each(response.statusList,function(a,b){ 
      items+='<p>'+b+'</p>'; 
     }); 
     $("#StatusList").html(items); 

     callCalendar(response.list); 
}); 

カレンダーに整数のリストを表示するコードを共有することができ、あなたのページに

<div id="StatusList"></div>