翻譯|使用教程|編輯:楊鵬連|2021-03-15 13:46:26.397|閱讀 437 次
概述:該庫(kù)提供了grouping.js擴(kuò)展名,該擴(kuò)展名使您可以按任務(wù)的任何屬性對(duì)任務(wù)進(jìn)行分組。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>
相關(guān)鏈接:
dhtmlxGantt是用于跨瀏覽器和跨平臺(tái)應(yīng)用程序的功能齊全的Gantt圖表。可滿(mǎn)足項(xiàng)目管理應(yīng)用程序的所有需求,是最完善的甘特圖圖表庫(kù)。它允許你創(chuàng)建動(dòng)態(tài)甘特圖,并以一個(gè)方便的圖形化方式可視化項(xiàng)目進(jìn)度。有了dhtmlxGantt,你可以顯示活動(dòng)之間的依賴(lài)關(guān)系,顯示具有完成百分比陰影的當(dāng)前任務(wù)狀態(tài)以及組織活動(dòng)到樹(shù)結(jié)構(gòu)。
該庫(kù)提供了grouping.js擴(kuò)展名,該擴(kuò)展名使您可以按任務(wù)的任何屬性對(duì)任務(wù)進(jìn)行分組。
<!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)對(duì)任務(wù)進(jìn)行分組,請(qǐng)使用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:
var data = { tasks:[{id:1, priority:1, start_date:"02-04-2020 00:00", ...}, ...] }; gantt.groupBy({ relation_property: "priority", ... });該屬性還可以用于組織多級(jí)結(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" });
gantt.groupBy({ groups: [ {key:1, label: "High"}, {key:2, label: "Normal"}, {key:3, label: "Low"} ], group_id: "key", group_text: "label" });請(qǐng)注意:
1.每個(gè)“組”對(duì)象必須至少包含2個(gè)屬性(但可以包含任意數(shù)量的附加屬性):id和文本描述(分別由“ group_id”,“ group_text”參數(shù)指定)。
2.將組項(xiàng)目作為啟用了“項(xiàng)目”類(lèi)型和“只讀”屬性的項(xiàng)目添加到數(shù)據(jù)集中。可以通過(guò)'$ virtual'屬性檢測(cè)到它們,并將其作為常規(guī)數(shù)據(jù)項(xiàng)處理:
gantt.templates.task_class=function(start, end, task){ if(task.$virtual) return "summary-bar"; };3.原始數(shù)據(jù)集中的“項(xiàng)目”任務(wù)不會(huì)以分組模式顯示,但是可以通過(guò)API使用。
要重置分組,請(qǐng)調(diào)用groupBy方法并傳遞false作為參數(shù):
重置當(dāng)前分組
gantt.groupBy(false);使用集合指定組
通常,組被頁(yè)面上的多個(gè)元素使用,為避免重復(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等平臺(tái)的C#甘特圖控件
AnyGantt:構(gòu)建復(fù)雜且內(nèi)容豐富的甘特圖的理想工具
jQuery Gantt Package:基于HTML5 / jQuery的跨平臺(tái)jQuery Gantt包
phGantt Time Package:對(duì)任務(wù)和時(shí)間的分配管理的甘特圖
APS幫助提升企業(yè)生產(chǎn)效率,真正實(shí)現(xiàn)生產(chǎn)排程可視化呈現(xiàn)與控制,快速有效響應(yīng)不同場(chǎng)景的生產(chǎn)計(jì)劃,提高準(zhǔn)時(shí)交貨能力,提高產(chǎn)能和資源利用率
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@ke049m.cn
文章轉(zhuǎn)載自: