주요 콘텐츠로 건너뛰기

uncheckTask()

설명

작업을 미완료 상태로 표시합니다

사용법

uncheckTask({
id: string | number,
manual?: boolean // 기본값은 false
}): void;

매개변수

  • id - (필수) 작업의 id
  • manual - (선택) true이면 "수동" 모드로 작업을 표시합니다. false이면 taskShape 속성의 completed 매개변수에서 behavior 속성에 지정된 값에 따라 메서드 적용 결과가 결정됩니다

예시

예시 1. 단일 작업 체크 해제
const { ToDo, Toolbar } = todo;

const list = new ToDo("#root", {
tasks: [
{ id: "1", text: "Task 1 #tag1" },
{ id: "1.1", text: "Task 1.1", parent: "1" },
{ id: "1.1.1", text: "Task 1.1.1", parent: "1.1" },
{ id: "1.2", text: "Task 1.2", parent: "1" },
]
});

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

// 작업을 완료 상태로 표시
list.checkTask({
id: "1.1.1",
});

// 지정한 작업을 미완료 상태로 표시
list.uncheckTask({
id: "1.1.1",
manual: true // 'true' - "taskShape" 속성의 "completed" 매개변수의 "behavior" 속성 값을 무시합니다
});
예시 2. 여러 작업 체크 해제
const list = new ToDo("#root", {
tasks: [
{ id: "1", text: "Task 1" },
{ id: "1.1", text: "Task 1.1", parent: "1", checked: true },
{ id: "1.1.1", text: "Task 1.1.1", parent: "1.1", checked: true },
{ id: "1.2", text: "Task 1.2", parent: "1" },
{ id: "2", text: "Task 2" },
{ id: "2.1", text: "Task 2.1", parent: "2" },
{ id: "2.1.1", text: "Task 2.1.1", parent: "2.1" },
{ id: "2.2", text: "Task 2.2", parent: "2", checked: true },
],
selected: ["1.1", "2.2"],
});

// 선택된 작업 체크 해제
list.eachSelected(id => {
list.uncheckTask({ id });
}, true);

관련 문서: