dropAccept (Properties)

IBCalendar로 Drag가 가능하도록 설정된 HTML element들을 필터링하기 위한 CSS 클래스 이름을 설정합니다.
"dropAccept" 옵션은 droppable 옵션이 true인 경우에만 사용할 수 있습니다.
"dropAccept" 옵션의 값을 CSS selector 문자열로 설정하면 IBCalendar로 Drag가 가능하도록 설정된 HTML element들 중에 CSS selector에 해당하는 것들만 Dragging하여 IBCalendar에 Drop할 수 있습니다.

Type

string | function

Example

<div id="calendar-container"></div>

<div id="draggable1" class="cool-event"></div>
<div id="draggable2"></div>
options = {
    dropAccept: ".cool-event",

    droppable: true,
    drop: function(info) {
        console.log(info);
        alert("dropped!");
    }
};

new IBCalendar.Draggable(draggableEl1); //"cool-event" CSS 클래스가 정의되어 있으므로 Dragging하여 IBCalendar에 Drop할 수 있음
new IBCalendar.Draggable(draggableEl2); //"cool-event" CSS 클래스가 정의되어 있지 않아 Dragging하여 IBCalendar에 Drop할 수 없음

Read More

Since

product version desc
core 1.5.0.0 기능 추가