다중 작업 선택

버전 3.2부터 라이브러리는 한 번에 여러 작업을 선택할 수 있는 multiselect 확장 기능을 제공합니다.

다중 작업 선택 활성화

작업에 대해 다중 작업 선택을 활성화하려면 gantt.plugins 메서드를 사용하여 활성화합니다:

<!DOCTYPE html>
<html>
<head>
   <script src="codebase/dhtmlxgantt.js"></script>   
   <link href="codebase/dhtmlxgantt.css" rel="stylesheet">   
</head>
<body>
    gantt.plugins({ /*!*/
        multiselect: true /*!*/
    }); /*!*/
    //your code will be here
</body>
</html>

다중 선택 및 들여쓰기/내어쓰기 작업

확장 기능이 활성화되면 다중 작업 선택이 자동으로 활성화됩니다.

확장 기능을 비활성화하려면 multiselect 옵션을 사용하세요: 다중 작업 선택 비활성화

gantt.config.multiselect = false; 

다중 작업에 대한 일회성 업데이트

다중 작업/링크를 한 번에 업데이트하려면 batchUpdate 메서드를 사용하세요:

gantt.batchUpdate(function () {
    var tasks = gantt.getTaskByTime();
    for(var i = 0; i < tasks.length; i++){
        var task = tasks[i];
        task.start_date = gantt.date.add(task.start_date, 1, "day");
        task.end_date = gantt.calculateEndDate(task.start_date, task.duration);
        gantt.updateTask(task.id);
    }
});

이 메서드는 여러 번의 재렌더링을 나누어 수행하는 대신 단일 재렌더링으로 다수의 작업/링크를 한 번에 업데이트할 수 있게 해줍니다.

다중 선택 및 들여쓰기/내어쓰기 작업

이터레이터

Gantt 차트의 모든 선택된 작업을 순회하려면 eachSelectedTask 메서드를 사용하세요:

gantt.batchUpdate(function () {
    gantt.eachSelectedTask(function(task_id){
        if(gantt.isTaskExists(task_id))
            gantt.deleteTask(task_id);
    });
});

다중 선택 및 들여쓰기/내어쓰기 작업

동시 들여쓰기/내어쓰기

다중 작업 선택은 여러 작업에 대해 동시에 서로 다른 작업을 적용할 수 있게 합니다. 예를 들어 들여쓰기/내어쓰기를 추가하여 작업을 하위 작업으로 변환하거나 그 반대로도 할 수 있습니다.

다중 선택 및 들여쓰기/내어쓰기 작업

작업이 선택되었는지 확인

작업이 현재 선택되었는지 확인하려면 isSelectedTask 메서드를 사용하세요:

gantt.templates.task_class = 
gantt.templates.grid_row_class = 
gantt.templates.task_row_class = function (start, end, task) {
    if (gantt.isSelectedTask(task.id))
        return "gantt_selected";
};

다중 선택 및 들여쓰기/내어쓰기 작업

선택된 상태와 비선택 상태 간 토글하려면 toggleTaskSelection 메서드를 사용하세요:

gantt.toggleTaskSelection("t_1"); //"t_1" is the task's id
gantt.render();

선택된 모든 작업 얻기

현재 선택된 모든 작업을 얻으려면 getSelectedTasks 메서드를 사용하세요:

gantt.getSelectedTasks();

가장 마지막에 선택된 작업을 얻으려면 getLastSelectedTask 메서드를 사용하세요:

gantt.getLastSelectedTask();

한 레벨 내에서의 다중 작업 선택 제한

다른 레벨의 작업 선정을 허용하지 않으려면 multiselect_one_level 옵션을 사용하세요:

gantt.config.multiselect_one_level = true; 
gantt.init('gantt_here');