成年人www,日本免费三级网站,国产中文字幕日韩

dhtmlxGantt使用教程：如何對任務進行分組

翻譯|使用教程|編輯：楊鵬連|2021-03-15 13:46:26.397|閱讀 425 次

概述：該庫提供了grouping.js擴展名，該擴展名使您可以按任務的任何屬性對任務進行分組。

相關鏈接：

dhtmlxGantt是用于跨瀏覽器和跨平臺應用程序的功能齊全的Gantt圖表。可滿足項目管理應用程序的所有需求，是最完善的甘特圖圖表庫。它允許你創(chuàng)建動態(tài)甘特圖，并以一個方便的圖形化方式可視化項目進度。有了dhtmlxGantt，你可以顯示活動之間的依賴關系，顯示具有完成百分比陰影的當前任務狀態(tài)以及組織活動到樹結構。

點擊下載dhtmlxGantt試用版

該庫提供了grouping.js擴展名，該擴展名使您可以按任務的任何屬性對任務進行分組。

要開始使用擴展，請使用gantt.plugins方法啟用它。

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

分組任務

要按某種標準對任務進行分組，請使用groupBy方法：

var data =  {
    tasks:[{id:1, priority:1, start_date:"02-04-2020 00:00", ...}, ...] 
};
 
gantt.groupBy({
    relation_property: "priority",
    groups: [{key:1, label: "High"},{key:2, label: "Normal"},{key:3, label: "Low"}],
    group_id: "key",
    group_text: "label"
});

where：

lationship_property-（必需的）將用于對項目進行分組的任務對象的屬性。例如：

var data =  {
    tasks:[{id:1, priority:1, start_date:"02-04-2020 00:00", ...}, ...] 
};
gantt.groupBy({
    relation_property: "priority", 
    ...
});

該屬性還可以用于組織多級結構中的組：

gantt.groupBy({
    relation_property: "priority",
    groups: [
        {key:0, label: "High"},
        {key:4, label: "Normal"},
        {key:5, label: "Low"},
        //multi level groups
        {key:1, label: "Give High Attention", "priority":0},
        {key:2, label: "Resolve Immediately", "priority":0},
        {key:3, label: "Keep For Next Release", "priority":5}
    ],
    group_id: "key",
    group_text: "label"
});

groups-（必填）groups（摘要）項的數組。

gantt.groupBy({
    groups: [
        {key:1, label: "High"}, 
        {key:2, label: "Normal"},
        {key:3, label: "Low"}
    ],
    group_id: "key",
    group_text: "label"
});

請注意：

1.每個“組”對象必須至少包含2個屬性（但可以包含任意數量的附加屬性）：id和文本描述（分別由“ group_id”，“ group_text”參數指定）。

2.將組項目作為啟用了“項目”類型和“只讀”屬性的項目添加到數據集中。可以通過'$ virtual'屬性檢測到它們，并將其作為常規(guī)數據項處理：

gantt.templates.task_class=function(start, end, task){
    if(task.$virtual)
    return "summary-bar";
};

3.原始數據集中的“項目”任務不會以分組模式顯示，但是可以通過API使用。

group_id-（可選）組的ID。默認值-'key'。
group_text-（可選）組的標簽。默認值-'label'。
定界符-（可選）定界符用于為具有多個資源的任務自動創(chuàng)建組。“，“ 默認情況下。

取消分組任務

要重置分組，請調用groupBy方法并傳遞false作為參數：

重置當前分組

gantt.groupBy(false);

使用集合指定組

通常，組被頁面上的多個元素使用，為避免重復，您可以將組顯示為命名集合。

gantt.serverList("priority", [
    {key:1, label: "High"},
    {key:2, label: "Normal"},
    {key:3, label: "Low"}
]);
gantt.groupBy({
    groups: gantt.serverList("priority"),
    relation_property: "priority",
    group_id: "key",
    group_text: "label"
});

關產品推薦：

VARCHART XGantt：支持ActiveX、.Net等平臺的C#甘特圖控件

AnyGantt：構建復雜且內容豐富的甘特圖的理想工具

jQuery Gantt Package：基于HTML5 / jQuery的跨平臺jQuery Gantt包

phGantt Time Package：對任務和時間的分配管理的甘特圖

APS幫助提升企業(yè)生產效率，真正實現生產排程可視化呈現與控制,快速有效響應不同場景的生產計劃，提高準時交貨能力，提高產能和資源利用率

想要購買dhtmlxGantt正版授權，或了解慧都APS系統請點擊