agendaWeek 和 agendaDay 上的 FullCalendar 冲突

Question

我配置了一个在同一页面上包含 AgendaDay 和 AgendaWeek 的日历。任何东西在两个视图上都可以正常工作，但需要对资源进行一些小的更改。

那天我加载了教师列表并将他们显示为列，但如果我想在周视图中工作，我应该删除资源代码。在此更改之后，议程周也将有效。

正如您通过此方法看到的那样，只有其中一个会同时工作。

我使用 FullCalendar v3 资源回调函数

resources: function(callback){
  jQuery('input[name="start"]').val($('#calendar').fullCalendar('getView').start.format());
  jQuery('input[name="end"]').val($('#calendar').fullCalendar('getView').end.format());
  $.ajax({
    url: resourcesCallback,
    type: 'GET',
    dataType: "json",
    data: jQuery('.calendar_filter_form').serialize(),
    error: function() {
      // alert('Oops! Try again.');
    },
    success: function(response){
      callback(response);
    }
  });
}

那么我如何才能将它设置为仅在 AgendaDay 时加载资源并在 AgendaWeek 时忽略它？

这是我尝试处理更多动态的演示。 https://codepen.io/nasser-ali-karimi/pen/QWLvypO?editors=0010

我的输出：

Update the question

经我检查，资源回调没有问题。实际上，问题出在日历配置上。 1- groupByResource: true 2- groupByDateAndResource: true

当我将两者都设为 true 时，议程日显示以正确格式分组的数据，而不是在 AgendaWeek 上。码笔演示https://codepen.io/nasser-ali-karimi/pen/ExYXWer?editors=0010

您可以通过此切换将 groupByDateAndResource 更改为 false，分组将更改并变为基于讲师和天数（在演示中看起来更好。）

Main Issue: I need to change the configuration for Agenda Day and Agenda Week specifically, In my case, I need to use groupByDateAndResource: True and groupByResource: true for Agenda Day but these two items should be false for Agenda Week on the same page.

Answer 1

经我检查，资源回调没有问题。实际上，问题出在日历配置上。

1- groupByResource: true 

2- groupByDateAndResource: true

所以我需要为议程日使用 groupByDateAndResource: True 和 groupByResource: true，但这两项对于同一页面上的议程周应该是 false。

所以我使用视图选项来做到这一点 https://codepen.io/nasser-ali-karimi/pen/mdbwmdO?editors=0010

$("#calendar").fullCalendar({
    defaultView: "agendaDay",
    views: {
      week: {
        groupByResource: false,
        groupByDateAndResource: false,
      },
      day: {
        groupByResource: true,
        groupByDateAndResource: true,
      },
    },
    ...
  });

agendaWeek 和 agendaDay 上的 FullCalendar 冲突

FullCalendar conflict on agendaWeek & agendaDay

javascript

jquery

fullcalendar

fullcalendar-3