주요 콘텐츠로 건너뛰기

indentTask()

설명

인접한 태스크에 따라 태스크의 중첩 수준을 한 단계 낮춥니다

사용법

indentTask({
id: string | number
}): void;

파라미터

  • id - (필수) 태스크의 id

예제

예제 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.indentTask({
id: "1.2",
});

console.log(list.getParentIds({ id: "1.2" })); // ['1.1', '1']
예제 2. 여러 태스크의 중첩 수준 낮추기
const list = new ToDo("#root", {
tasks: [
{ id: "1", text: "Task 1" },
{ id: "1.1", text: "Task 1.1"},
{ id: "1.1.1", text: "Task 1.1.1", parent: "1.1" },
{ 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" },
],
selected: ["1.1", "2.2"],
});

// 선택된 태스크들의 중첩 수준을 낮춥니다
list.eachSelected(id => {
list.indentTask({ id });
}, true);

관련 문서: