从控制器获取int的列表以查看ASP.NET

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

当我尝试上述方法时，我可以在浏览器的控制台调试中看到该列表，但问题是它当时没有填充日历。 如果我排除列表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个属性，一个用于原始数据，第二个用于其他数据。

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

现在，确保更新客户端代码，以将响应对象的list属性用于callCalendar方法调用。 要获取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);
});

假设您的页面中有一个ID设置为StatusList的div

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