Обработчик событий для кликов по заголовкам в DHTMLX Scheduler

Question

Мы используем DHTMLX Scheduler и мы хотели бы прикрепить слушатель для кликов по заголовку в week view, unit viewи т.д. Мы не нашли способ сделать это.

http://i67.tinypic.com/jj3e37.jpg

Нам также нужна дата в нашем слушателе с датой, за которую был выполнен клик.

Как мы можем сделать это с DHTMLX Scheduler?

Answer 1

DHTMLX Scheduler не предусматривает событие для кликов по заголовку, поэтому для этого вам нужно сначала изменить шаблоны для ваших представлений:

var toStr = scheduler.date.date_to_str(scheduler.config.day_date);
scheduler.templates.week_scale_date = (dt) => "<span data-scale-date='" + dt.valueOf() + "'>" + toStr(dt) + "</span>";
scheduler.templates.unit_scale_text = (key, label) => "<span data-scale-date='0' data-scale-unitId='" + key + "'>" + label + "</span>";
// ...

После изменения шаблонов вы можете прикрепить прослушиватель событий к #scheduler_here и фильтр для кликов по заголовку:

document.getElementById("scheduler_here").addEventListener("click", (evt) => {
    var event = evt || window.event;
    var target = event.target || event.srcElement;

    if (target && target.nodeName === "SPAN" && target.parentElement && target.parentElement.classList && target.parentElement.classList.contains("dhx_scale_bar")) {
        var dateStr = target.getAttribute("data-scale-date");
        if (dateStr) {
            var dateValue = parseInt(dateStr, 10);
            var date = dateValue === 0 ? scheduler.getState().date : new Date(dateValue);
            var unitId = target.getAttribute("data-scale-unitId") ? target.getAttribute("data-scale-unitId") : {{your unit id in unit view}};
            // ...
        }

        evt.stopPropagation();
        evt.preventDefault();
    }
}, false);

Answer 2

Планировщик DHTMLX предоставляет события, которые запускаются, когда пользователь делает одиночный или двойной щелчок по ячейке на оси x (только в режиме временной шкалы):

onXScaleClick

onXScaleDblClick