カレンダーボタンだけでなく、自分のドロップダウンの変更でも、イベント検索の基準を定義するため、完全なカレンダーのイベントを再フェッチする必要があります。これまで、を使用してドロップダウンの値を渡すことができた唯一の方法ですが$.ajax
、現在、イベントはカレンダーに到達しません。機能を完全に理解していないようで、何かが足りません。
$(function () {
InitializeCalendar();
$("#ProjectId").change(function () {
$('#calendar').fullCalendar('refetchEvents');
});
$("#JobId").change(function () {
$('#calendar').fullCalendar('refetchEvents');
});
$("#StoreId").change(function () {
$('#calendar').fullCalendar('refetchEvents');
});
$("#OrderType").change(function () {
$('#calendar').fullCalendar('refetchEvents');
});
$("#ShippingId").change(function () {
$('#calendar').fullCalendar('refetchEvents');
});
});
function InitializeCalendar() {
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
events: function (start, end) {
$.ajax({
url: '/Calendar/GetEvents/',
dataType: 'json',
data: {
start: Math.round(start.getTime() / 1000),
end: Math.round(end.getTime() / 1000),
projectId: $("#ProjectId option:selected").val(),
storeId: $("#StoreId option:selected").val(),
jobId: $("#JobId option:selected").val(),
orderType: $("#OrderType option:selected").val(),
shippingId: $("#ShippingId option:selected").val()
}
**SOMETHING MISSING HERE**
//this puts calendar into infinite loop
//$('#calendar').fullCalendar('refetchEvents');
});
}
});
}
コントローラ:
public JsonResult GetEvents(double start, double end, int? projectId, int? storeId, string orderType, int? shippingId, int? jobId)
{
// Some code...
IList<OrderEvent> events = orderDTOs.Select(orderDTO => new OrderEvent {
id = orderDTO.OrderId,
title = orderDTO.OrderId.ToString(),
start = ToUnixTimespan(orderDTO.CreatedDate),
end = ToUnixTimespan(orderDTO.CreatedDate.AddHours(1)),
url = "/Order/Search"
}).ToList();
return Json(events, JsonRequestBehavior.AllowGet);
}