주요 콘텐츠로 건너뛰기

moveCard()

설명​

카드를 지정한 열(및 행)로 이동합니다.

사용법​

moveCard({
    id: string | number,
    columnId: string | number,
    rowId?: string | number,
    before?: string | number
}): void;

매개변수​

  • id - (필수) 이동할 카드의 ID
  • columnId - (필수) 카드를 배치할 열의 ID
  • rowId - (선택) 카드를 배치할 행의 ID
  • before - (선택) 새 카드가 배치될 카드의 ID (이 카드 앞에 배치됨)
정보

위젯 구성에서 rowKey 속성을 지정한 경우, moveCard() 메서드의 rowId 매개변수는 필수입니다!

예제​

// Kanban 생성
const board = new kanban.Kanban("#root", {
    columns,
    cards
});
// ID가 1인 카드를 이동
// 아이템은 "inprogress" 열과 "feature" 행에 배치되며,
// ID가 8인 카드 앞에 위치합니다.
board.moveCard({
    id: 1,
    columnId: "inprogress",
    rowId: "feature",
    before: 8
});