多任务选择

从版本 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);
    }
});

该方法允许通过单次重新渲染来一次性更新多个任务/链接，而不是进行多次更新和多次重新渲染。

多选和缩进/取消缩进任务

迭代器

要遍历甘特图中所有被选中的任务，请使用 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" 是任务的 id
gantt.render();

获取所有被选中的任务

要获取当前被选中的所有任务，请使用 getSelectedTasks 方法：

gantt.getSelectedTasks();

要获取最后一次被选中的任务，请使用 getLastSelectedTask 方法：

gantt.getLastSelectedTask();

将多任务选择限定在同一层级

要禁止从不同层级选择任务，请使用 multiselect_one_level 选项：

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