Full calendar 선택된 이벤트의 하이라이트 기법
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
Full calendar 선택된 이벤트의 하이라이트 기법
var calendar = $('#calendar').fullCalendar ({
---
, eventClick: function (event, jsEvent, view) {
}
eventClick 내에
event.backgroundColor = 'darkblue'; $('#calendar').fullCalendar('rerenderEvents');
로
색상변화를 설정할 수 있다.
그런데 문제는...
다른 이벤트를 클릭하면, 좀 전에 클릭한 이벤트가 설정한 상태로 그대로 남아있다.
이게 의도한거라면 상관없지만, 클릭하는 거만 하이라이트 되기를 바란다면...
eventRender 함수에서 원상복귀시켜줘야 한다.
, eventRender: function (event, element) { //클릭되었던 이벤트 포함하여 모두 원래 색상으로 돌려놓음 event.backgroundColor = 'green';
'Web > fullCalendar' 카테고리의 다른 글
[fullcalendar] 이벤트 제목에 아이콘 넣기 (645) | 2015.04.28 |
---|---|
fullcalendar 에 context menu(pop up menu) 추가하기 (643) | 2015.04.28 |
fullcalendar 에서 이벤트 클릭시 배경색상 변환 (656) | 2015.04.28 |
full calendar 에서 이벤트를 드래그로 삽입/삭제 하는 기법 (639) | 2015.04.28 |
fullcalendar 에서 익스플로어에서 이벤트가 나오지 않을때 (2457) | 2015.04.28 |