drag

설명

선택 사항. 드래그 앤 드롭 설정을 지정합니다

노트

터치 기기에서 작업을 드래그 앤 드롭할 때 500ms의 지연이 발생합니다.

사용법

drag?: boolean;
//or 
drag?: {
    expand?: boolean
};

파라미터

드래그 앤 드롭을 구성하려면 간단한 옵션 또는 확장 옵션을 사용할 수 있습니다.

간단한 옵션:

• drag - (선택 사항) 작업의 드래그 앤 드롭을 활성화/비활성화합니다

확장 옵션:

• drag - (선택 사항) 드래그 앤 드롭 설정이 담긴 객체. 다음 파라미터를 포함할 수 있습니다:
  • expand - (선택 사항) 드래그 앤 드롭 중 작업 위에 마우스를 올렸을 때 접혀 있는 작업을 자동으로 펼칠지 여부를 정의합니다

기본 config

drag: true
// or
drag: {
    expand: true
}

예제

const { ToDo, Toolbar } = todo;

// To do list 생성
const list = new ToDo("#root", {
    tasks: [
        { id: "1", text: "Task 1 #tag1" },
        ...
    ],
    drag: {
        expand: false
    }
});

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

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

관련 문서: 구성