DHTMLX Scheduler Month Просмотр только количества событий - PullRequest
Новая
       65

DHTMLX Scheduler Month Просмотр только количества событий

0 голосов
/ 13 марта 2020

enter image description here 1) В представлении месяца отображаются события, а не те события, которые я хочу отображать только в счетчиках. Как этого можно добиться в DHTMLX Scheduler JS версии.

2) Включить событие щелчка области даты в представлении месяца, а не ссылку на событие, которая указывает на представление дня или недели. Просто нужно событие, когда в месячном обзоре щелкает поле даты, я должен загружать события этого дня только по клику.

1 Ответ

1 голос
/ 16 марта 2020

  1. Может быть реализовано методом scheduler.addMarkedTimespan(). Вам нужно перебрать все дни месяца, подсчитать количество событий для каждого дня по scheduler.getEvents() и затем указать результат в параметре html addMarkedTimespan. 

    function addEvCount(){
    var startDate = scheduler.getState().min_date;
    var endMonthDate = scheduler.getState().max_date;
    while(startDate.getTime() < endMonthDate.getTime()){
        var endDayDate = scheduler.date.add(startDate, 1, 'day');
        var evs = scheduler.getEvents(startDate, endDayDate);
        if(evs.length){
            scheduler.addMarkedTimespan({
                start_date: startDate,
                end_date: endDayDate,
                html:"<div style='text-align:center;'><b>"+evs.length+"</b></div>",
                css: "color"
            });
        }
        startDate = endDayDate;
    }
    scheduler.updateView();
}

Пожалуйста, проверьте, как это работает в фрагменте .

Чтобы скрыть все события, используйте также Фильтрацию событий. 

 scheduler.filter_month = function(id, event){
       return false; // event will not be rendered
 }

обновленная демоверсия * только 1020 * с числами и без отображаемых событий.

Документы по теме: addMarkedTimespan () , getEvents () , Фильтрация .

Событие onEmptyClick возникает, когда пользователь нажимает на пустое место в планировщике (не на события). Демо .
...