eventContent (Properties)

달력에 표시되는 모든 일정(Event) 요소에 표시할 텍스트를 설정합니다.
innerHTML로 삽입할 HTML 문자열을 { html: ’ ’ } 형태로 설정할 수 있습니다.
DOM node 형식으로 다루고자 할 경우, { domNodes: arrayOfDomNodes } 형태로 설정하면 사용할 수 있습니다.

Type

object | function

Example

options = {
    eventContent: { html: '<i>일정<i>' }
};

위와같은 object 형식이 아닌 콜백(callback) 함수로도 정의할 수 있습니다.
콜백(callback) 함수 정의 시 "eventContentInfo" 객체를 parameter로 사용할 수 있으며,
return 을 통하여 주번호(WeekNumber) 영역에 표시할 텍스트 또는 HTML 문자열, DOM node 를 설정할 수 있습니다.

eventContentInfo 정보

parameter DataType 설명
event EventApi 렌더링 될 일정(Event) UI 정보
timeText string 렌더링 될 일정(Event)이 종일 일정(Event)이 아닐 경우 표시되는 시간 text
backgroundColor string 렌더링 될 일정(Event)의 backgroundColor
borderColor string 렌더링 될 일정(Event)의 borderColor
textColor string 렌더링 될 일정(Event)의 textColor
isDraggable boolean 렌더링 될 일정(Event)의 drag 가능여부
isStartResizable boolean 렌더링 될 일정(Event)이 drag를 통하여 시작시간 수정 가능여부
isEndResizable boolean 렌더링 될 일정(Event)이 drag를 통하여 종료시간 수정 가능여부
isMirror boolean 렌더링 될 일정(Event) UI가 selectMirror 옵션을 true로 설정하여 표시된 Mirror UI인지 여부
isStart boolean 렌더링 될 일정(Event) 정보의 시작 UI 여부
isEnd boolean 렌더링 될 일정(Event) 정보의 종료 UI 여부
isPast boolean 렌더링 될 일정(Event)이 오늘날짜 기준 과거인지 여부
isFuture boolean 렌더링 될 일정(Event)이 오늘날짜 기준 미래인지 여부
isToday boolean 렌더링 될 일정(Event)이 오늘날짜 인지 여부
isSelected boolean 렌더링 될 일정(Event)이 선택된 상태인지 여부
isDragging boolean 렌더링 될 일정(Event)이 현재 drag중인지 여부
isResizing boolean 렌더링 될 일정(Event)이 현재 drag를 통하여 시간을 수정중인지 여부
view Object 현재 뷰(View) 객체
options = {
    eventContent: function (eventContentInfo){
        return eventContentInfo.timeText;
    }
};

Since

product version desc
core 1.5.0.0 기능 추가