Пользовательские столбцы в представлении списка fullcalendar

Question

Я хотел бы добавить больше столбцов в мой список просмотра дня.Пока что я нашел единственный способ добиться этого - вручную добавить столбцы в функцию eventRender.

Примерно так:

$('#calendar').fullCalendar({
  defaultView: 'listDay',  
  eventRender: function (event, element, view) {
    element.find(".fc-list-item-time").after("<td>Extra column 1 here</td>");
    element.find(".fc-list-item-time").after("<td>Extra column 2 here</td>");
    element.find(".fc-list-item-time").after("<td>Etc</td>");
  }
});

Есть ли лучший способ получить больше столбцов?

(Я нашел соответствующий запрос функции на github и проголосовал за него.)

Answer 1

Привет, я пытался добавить столбец.Это идет.Но добавьте столбец к .fc-widget-header, добавьте таким же образом element.find('.fc-widget-header').after('<td class=\"fc-widget-header\" colspan=\"1\"></td>');, это не так.

Answer 2

я бы сделал это в функции viewRender .

$('#calendar').fullCalendar({
  defaultView: 'listDay',  
  viewRender: function (view, element) {
    element.find(".fc-list-item-time").after("<td>Extra column 1 here</td>");
    element.find(".fc-list-item-time").after("<td>Extra column 2 here</td>");
    element.find(".fc-list-item-time").after("<td>Etc</td>");
  }
});

Редактировать : если вы хотите иметь динамическое содержимое cols для каждого события, которое вы должны использоватьEventRender, добавив столбцы

, добавив дополнительные столбцы, порвет строку с заголовком, потому что для него установлено фиксированное значение colspan.Вы можете добавить cols в eventRender, а затем в viewRender, подсчитать эти col и установить для этого colspan строки заголовка.

  viewRender: function(view, element){
   var cols = element.find('.fc-list-item')[0].children.length;

   $.each(element.find('.fc-widget-header'),function(){ 
    $(this).attr('colspan',cols);
   });

}