작업 담당자

한 명 또는 여러 명에게 작업을 위임합니다.

작업 담당자 구성

users 구성 속성을 통해 담당자 목록을 지정합니다. 아래 예제는 네 명의 사용자를 정의합니다.

const users = [
    { id: "user_1", label: "Don Smith", avatar: "../avatar_61.jpg"},
    { id: "user_2", label: "Nadia Chasey", avatar: "../avatar_63.jpg" },
    { id: "user_3", label: "Mike Young", avatar: "../avatar_03.jpg" },
    { id: "user_4", label: "Elvira Webb", avatar: "../avatar_33.jpg" }
];

const list = new ToDo("#root", { users });

초기화 시 담당자 설정

초기화 시 작업에 담당자를 지정하려면 관련 task 객체의 assigned 매개변수에 담당자 id를 전달합니다. 아래 코드는 네 명의 사용자를 작업에 할당합니다.

const users = [
    { id: "user_1", label: "Don Smith", avatar: "../avatar_61.jpg"},
    ...
];

const tasks = [
    {
        id: "2",
        project: "introduction",
        text: "You can assign task performers using the menu.",
        assigned: [ "user_1", "user_2", "user_3", "user_4" ],
    }
];

const list = new ToDo("#root", {
    tasks,
    users
});

할당된 사람들은 작업 오른쪽에 표시됩니다.

작업에 할당된 사람 목록을 보려면 아바타를 클릭합니다. 목록을 닫으려면 목록 외부를 클릭합니다.

작업 담당자 변경

초기화 후 다음 두 가지 방법 중 하나로 작업 담당자를 재지정하거나 제거할 수 있습니다.

• 작업 메뉴의 Assign to 옵션 사용
• assignUser() 및 unassignUser() 메서드 사용

아래 예제는 한 작업에 사용자를 할당하고 다른 작업에서 사용자를 제거합니다.

// assign a person to the task
list.assignUser({
    id: "3",
    userId: "user_1"
});

// unassign a person from the task
list.unassignUser({
    id: "2",
    userId: "user_1"
});