Как изменить поле fullcalendar io через html?

Question

Я его настроить, как так

$('#calendar_dash').fullCalendar({ 
    theme: true, 
    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'agendaDay,agendaWeek,month' 
    }, 
    height: 400, 
    defaultView: 'agendaDay', 
    defaultTimedEventDuration: '00:30:00', 
    forceEventDuration: true, 
    editable: false, 
    eventLimit: true, // allow "more" link when too many events 
    events: events, 
    eventClick: function (calEvent, jsEvent, view) { 
     if (jsEvent.url) 
      window.location = view.url; 

    } 
}); 

Но теперь позволяет сказать, что я хочу, чтобы высота быть изменяемым через шаблон я звоню, используя его. Как я могу это сделать?

Если я просто использовать его в HTML, как этот

<div id="calendar_dash"></div> 

Как я могу передать высоту от шаблона, скажем, 600?

Answer 1

Вы можете использовать атрибут данных на div передать конфигурируемый высоту:

<div id="calendar_dash" data-height="{{ calendar_height }}"></div> 

... где calendar_height это целое число, которое вы прошли в контексте шаблона.

Тогда в ваших JS:

var calendar_div = $('#calendar_dash'); 

calendar_div.fullCalendar({ 
    // ... 
    height: calendar_div.data("height"), 
    //... 
}); 

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