Блог

Главная - Вопросы по программированию - fullcalendar с несколькими ресурсами, заполненными из базы данных

fullcalendar с несколькими ресурсами, заполненными из базы данных

#javascript #c# #fullcalendar

Вопрос:

Я использовал бесплатную версию fullcalendar, теперь мне нужно иметь на ней несколько ресурсов. можно ли это сделать в бесплатной версии? если да, есть ли у кого-нибудь пример его заполнения из базы данных? для нескольких ресурсов я должен использовать планировщик fullcalendar или стандартный планировщик fullcaneldar выполняет эту работу

Комментарии:

1. Технически, какие фреймворки вы используете для интерфейса и бэк-энда?

2. @hotcakedev: MVC C# и javascript

Ответ №1:

У меня нет опыта работы в C#, но, надеюсь, следующий пример с использованием JavaScript вам поможет.

Во-первых, вы можете получать все события с ваших многочисленных ресурсов, используя бесплатную версию fullcalendar.

Во-вторых, вот один из примеров fullcalendar с использованием нескольких ресурсов.

Пожалуйста, обратитесь к документу для получения более подробной информации.

 document.addEventListener('DOMContentLoaded', function () {
    var calendarEventsEl = document.getElementById('calendar-events');

    calendarEvents = new FullCalendar.Calendar(calendarEventsEl, {
        headerToolbar: false,
        contentHeight: 300,
        initialView: 'listUpcoming',
        views: {
            listUpcoming: {
                type: 'listMonth',
                duration: { months: 2 },
            },
            listAll: {
                type: 'listYear',
                duration: { years: 1 },
            },
        },
        eventDidMount: function (arg) {
          ...
        },

        dayHeaderDidMount: function (arg) {
          ...
        },
        eventSources: [
        ~~~~~~~~~~~~~~~
          // This is the approach how to get events from multiple resources
          {
            method: 'POST',
            url: '/calendar/get_all_for_events_01/',
            extraParams: {
                get_type: 'upcoming',
                timezone: moment.tz.guess()
            }
          },
          {
            method: 'POST',
            url: '/calendar/get_all_for_events_02/',
            extraParams: {
                get_type: 'all',
                timezone: moment.tz.guess()
            },
          }
        ],
        eventSourceSuccess: function (content, xhr) {
            ...
        },

Надеюсь, это поможет.

Метки: ,