Туи Календарь Аякс - PullRequest
       6

Туи Календарь Аякс

0 голосов
/ 01 февраля 2019

У меня действительно странная проблема, которую я не могу понять.

Если я создаю расписания вне запроса, все в порядке, так что это:

   me.calendar = new tui.Calendar(document.getElementById(`${me.id}-calendar`), {
        defaultView: 'week',
        taskView: false,
        useCreationPopup: true,
        useDetailPopup: true,
        week: {
            daynames: ['Du', 'Lu', 'Ma', 'Mi', 'Jo', 'Vi', 'Sa'],
            narrowWeekend: false,
            startDayOfWeek: 1
        }
    });

    let startDate = new Date(me.calendar.getDateRangeStart()._date);
    let endDate = new Date(me.calendar.getDateRangeEnd()._date);

    me.calendar.createSchedules(events);

работает так же, какожидается.Однако, если эти события динамически загружаются с сервера, например:

   me.calendar = new tui.Calendar(document.getElementById(`${me.id}-calendar`), {
        defaultView: 'week',
        taskView: false,
        useCreationPopup: true,
        useDetailPopup: true,
        week: {
            daynames: ['Du', 'Lu', 'Ma', 'Mi', 'Jo', 'Vi', 'Sa'],
            narrowWeekend: false,
            startDayOfWeek: 1
        }
    });

    let startDate = new Date(me.calendar.getDateRangeStart()._date);
    let endDate = new Date(me.calendar.getDateRangeEnd()._date);

    fetch('/get-events?startDate=' + startDate.toISOString().split('T')[0] + '&endDate=' + endDate.toISOString().split('T')[0], {
        headers: {"Content-Type": "application/json; charset=utf-8"}
    }).then(function (response) {
        response.json().then(function (response) {
            me.calendar.createSchedules(response.events);
        });
    });

, графики создаются, в этом я уверен, но проблема в том, что по какой-то причине высота календаря установленадо 0, и я не могу понять, почему

1 Ответ

0 голосов
/ 02 февраля 2019

для тех, кто все еще сталкивается с этой проблемой, я решил ее, добавив

me.calendar.toggleScheduleView(true);

после создания расписаний

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...