멀티 태스크 선택

버전 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>

Multiselection and Indent/Outdent tasks

활성화하면 멀티 태스크 선택 기능이 자동으로 적용됩니다.

이 확장 기능을 비활성화하려면 multiselect 옵션을 사용하세요: Disabling multi-task selection

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

이 메서드를 사용하면 여러 작업이나 링크를 한 번의 렌더링으로 일괄 업데이트할 수 있으므로, 여러 번의 업데이트로 인한 반복 렌더링을 방지할 수 있습니다.

Multiselection and Indent/Outdent tasks

이터레이터

간트 차트에서 선택된 모든 작업을 반복 처리하려면 eachSelectedTask 메서드를 사용하세요:

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

Multiselection and Indent/Outdent tasks

동시 들여쓰기/내어쓰기

멀티 태스크 선택을 사용하면 여러 작업에 동시에 작업을 적용할 수 있습니다. 예를 들어, 들여쓰기 또는 내어쓰기를 통해 작업을 하위 작업으로 만들거나, 하위 작업을 다시 상위 작업으로 승격할 수 있습니다.

Multiselection and Indent/Outdent tasks

작업이 선택되었는지 확인하기

현재 작업이 선택되어 있는지 확인하려면 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";
};

Multiselection and Indent/Outdent tasks

작업의 선택 상태를 전환하려면 toggleTaskSelection 메서드를 사용하세요:

gantt.toggleTaskSelection("t_1"); //"t_1"은 작업의 id입니다
gantt.render();

선택된 모든 작업 가져오기

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

gantt.getSelectedTasks();

가장 최근에 선택된 작업을 가져오려면 getLastSelectedTask 메서드를 사용하세요:

gantt.getLastSelectedTask();

동일 레벨 내에서만 멀티 선택 제한

동일한 레벨의 작업만 선택할 수 있도록 제한하려면 multiselect_one_level 옵션을 사용하세요:

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