Перейти к основному содержимому

Исполнители задач

Делегируйте задачи одному или нескольким людям.

Настройка исполнителей задач​

Укажите список исполнителей через свойство конфигурации 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 });

Назначение исполнителей при инициализации​

Чтобы назначить людей на задачу при инициализации, передайте идентификаторы исполнителей в параметр assigned соответствующего объекта task. Фрагмент ниже назначает четырёх пользователей на задачу:

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
});

Назначенные люди отображаются справа от задачи.

Пользователи, назначенные на задачу в DHTMLX To Do List

Чтобы просмотреть список людей, назначенных на задачу, нажмите на аватары. Чтобы закрыть его, нажмите вне списка.

Изменение исполнителей задачи​

После инициализации переназначьте или удалите исполнителя задачи одним из двух способов:

Пример ниже назначает пользователя на одну задачу и удаляет пользователя из другой:

// назначение исполнителя на задачу
list.assignUser({
id: "3",
userId: "user_1"
});

// снятие исполнителя с задачи
list.unassignUser({
id: "2",
userId: "user_1"
});