주요 콘텐츠로 건너뛰기

start-drag

설명

사용자가 태스크를 드래그하기 시작할 때 발생합니다

사용법

"start-drag":({
start: string | number,
mode: "move" | "copy"
}) => void;

매개변수

start-drag 이벤트의 콜백은 다음 매개변수를 가진 객체를 받을 수 있습니다:

  • start - (필수) 드래그 작업이 시작된 태스크의 ID
  • mode - (필수) 드래그 앤 드롭 모드:
    • move - 이동 모드
    • copy - 복사 모드
정보

내부 이벤트를 처리하려면 Event Bus 메서드를 사용할 수 있습니다

예제

const { ToDo, Toolbar } = todo;
const {tasks, projects, users} = getData();

const list = new ToDo("#root", {
tasks,
projects,
users
});

const toolbar = new Toolbar("#toolbar", {
api: list.api,
});

// "start-drag" 이벤트 구독
list.api.on("start-drag", ({ start, mode }) => {
console.log(start, mode);
});

변경 이력: v1.1에서 추가됨

관련 문서: 드래그 앤 드롭