Годовой вид

Годовой вид отображает один или несколько лет в календаре.

Инициализация

Чтобы включить Годовой вид в планировщике, выполните следующие шаги:

Активируйте расширение Year на странице:

scheduler.plugins({
    year_view: true
});

Добавьте вкладку вида в разметку планировщика:

<div id="scheduler_here" class="dhx_cal_container" ...>
    <div class="dhx_cal_navline">
       ...
       <div class="dhx_cal_tab" name="year_tab" style="right:280px;"></div>
    </div>
    ... 
</div>

Задайте название для вкладки:

//'year_tab' — это имя нашего div
scheduler.locale.labels.year_tab ="Year";

Related sample: Year view

Детали интерфейса

Даты, к которым привязаны события, подсвечиваются.
При наведении курсора на дату появляется тултип со списком всех событий, запланированных на этот день. Нажатие на иконку 'details' в тултипе открывает lightbox (если только не включён режим только для чтения).

Настройка количества месяцев в виде

Чтобы управлять количеством месяцев в каждой строке и колонке, настройте свойства year_x и year_y:

//Годовой вид будет показывать только 6 месяцев
scheduler.config.year_x = 2; //2 месяца в строке
scheduler.config.year_y = 3; //3 месяца в колонке

Связанные руководства

Наверх