0

我在一个网站上工作，asp.net MVC 之类的东西。在主页上，我有两个备用视图。一个是 jquery FullCalendar，一个是索引视图，都显示来自数据库的事件。

我目前可以更改正在查看的月份，但我希望能够将它们链接起来，例如更改为在日历中查看 2013 年 4 月，然后单击“索引视图”将带我到 2013 年 4 月的索引视图，而不是默认值。

我的“GetEventsForCalendar”方法如下：

[HttpPost]
public virtual ActionResult GetEventsForCalendar(long start, long end)
{
    var startDateTime = start.ToDateTime();
    var endDateTime = end.ToDateTime();
    var listOfEvents = eventRepository.List.Where(e => e.ToDate >= startDateTime
                                                           && e.FromDate <= endDateTime).ToList()                                             .Select(eventSerialiser.SerialiseForFullCalendarJS);

    return Json(listOfEvents);
}

但是我在代码库中找不到任何给定这些参数的地方。唯一指定函数的地方是日历部分视图脚本部分：

@section scripts {
@Scripts.Render(Links.Bundles.Scripts.calendar)
@Scripts.Render(Links.Bundles.Scripts.events_calendar)
<script type="text/javascript">
    $(document).ready(function() {
        SohoHouse.EventsCalendar.setup("@Url.Action(MVC.Events.GetEventsForCalendar())");
    })
</script>

}

我认为正在查看的月份的详细信息保存在 cookie 中，但我不确定如何从我的索引视图中访问它。

如果您需要任何其他代码，请询问，我对编程和堆栈溢出非常陌生，所以我仍然不确定如何很好地提出问题:)

4

1 回答 1

0

最终设法让这个工作：放弃了索引单独视图的想法，而是使用 jquery 创建一个带有事件列表视图的表。然后使用一个按钮在两者之间切换。作为参考，calander.js 看起来像这样：

    var report = $("#report");
    var calendar = $("#calendar .fc-content");
    report.hide();

    $("#toggle-view").click(function() {
        calendar.toggle();
        report.toggle();
        $("#calendar").fullCalendar("refetchEvents");
        $("#calendar").fullCalendar("render");
        updateToggleButtonText();
    });

    function updateToggleButtonText() {
        $("#toggle-view").text(report.is(":visible") ? "View Calendar" : "View List");
    }

    function setUpCalendar() {
        $("#calendar").fullCalendar({
            events: {
                url: getEventsUrl,
                type: "POST",
                eventDataTransform: addReportRow
            },
            timeFormat: "H:mm{ - H:mm}",
            allDayDefault: false,
            eventBorderColor: "gray",
            header: {
                left: "prev,next",
                center: "title",
                right: null
            },
            weekMode: "variable",
            loading: function(isLoading) {
                if (isLoading) {
                    $("table#report > tbody:last").empty();
                }
            },
            allDaySlot: false
        });
    }

    function addReportRow(data) {
        var calendarMonth = $("#calendar").fullCalendar("getDate").getMonth();
        var startDate = new Date(data.start);
        var endDate = new Date(data.end);
        if (startDate.getMonth() > calendarMonth || endDate.getMonth() < calendarMonth) {
            return null;
        }
        var tableDetails = [
            data.title,
            $.fullCalendar.formatDate(startDate, "dd MMMM yyyy"),
            $.fullCalendar.formatDate(endDate, "dd MMMM yyyy"),
            data.published ? "Published" : "Not Published"
        ];
        var row = $("<tr></tr>");
        for (var i = 0; i < tableDetails.length; i++) {
            row.append($("<td></td>").text(tableDetails[i]));
        }
        $("table#report > tbody:last").append(row);
        return data;
    }

    function gotoDateFromCookie() {
        var calendarDate = $.cookie("calendarDate");
        if (calendarDate !== null && calendarDate !== "Invalid Date") {
            $("#calendar").fullCalendar("gotoDate", new Date(calendarDate));
            $.cookie("calendarDate", null);
        }
    }

    function storeDateAsCookie() {
        var calendarDate = $("#calendar").fullCalendar("getDate");
        $.cookie("calendarDate", calendarDate);
    }

    window.eventDropdownChanged = function() {
        location.reload();
    };
};
于 2013-11-05T17:21:26.840 回答