api.on()

설명

내부 이벤트에 핸들러를 연결할 수 있습니다.

사용법

api.on(
    event: string,
    handler: function
    config?: { intercept?: boolean, tag?: number | string | symbol }
): void;

매개변수

• event - (필수) 발생할 이벤트 이름
• handler - (필수) 연결할 핸들러 함수 (핸들러 인자는 발생하는 이벤트에 따라 다릅니다)
• config - (선택) 다음 매개변수를 포함하는 객체:
  • intercept - (선택) 이벤트 리스너 생성 시 intercept: true로 설정하면, 이 이벤트 리스너가 다른 모든 리스너보다 먼저 실행됩니다.
  • tag - (선택) 액션 태그. detach 메서드를 통해 액션 핸들러를 제거할 때 태그 이름을 사용할 수 있습니다.

이벤트

정보

Kanban 내부 이벤트의 전체 목록은 여기에서 확인할 수 있습니다.

예제

// Kanban 생성
const board = new kanban.Kanban("#root", {
    columns,
    cards
});
// 카드가 이동할 때 카드 데이터를 콘솔에 출력
board.api.on("move-card", ({ id, columnId }) => {
    console.log({ id, columnId });
}, {tag: "move"});

변경 로그: config.tag 및 config.intercept 매개변수는 v1.7에 추가되었습니다.