日韩精品第三页,福利导航视频,成人在线三级

dhtmlxGantt使用教程：如何對任務(wù)進行分組

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

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

相關(guān)鏈接：

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

點擊下載dhtmlxGantt試用版

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

要開始使用擴展，請使用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>

分組任務(wù)

要按某種標(biāo)準(zhǔn)對任務(wù)進行分組，請使用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-（必需的）將用于對項目進行分組的任務(wù)對象的屬性。例如：

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

該屬性還可以用于組織多級結(jié)構(gòu)中的組：

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（摘要）項的數(shù)組。

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

請注意：

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

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

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

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

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

取消分組任務(wù)

要重置分組，請調(diào)用groupBy方法并傳遞false作為參數(shù)：

重置當(dāng)前分組

gantt.groupBy(false);

使用集合指定組

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

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

關(guān)產(chǎn)品推薦：

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

AnyGantt：構(gòu)建復(fù)雜且內(nèi)容豐富的甘特圖的理想工具

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

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

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

想要購買dhtmlxGantt正版授權(quán)，或了解慧都APS系統(tǒng)請點擊