柚子快報激活碼778899分享：dhtmlx-gantt甘特圖

http://yzkb.51969.com/

需求：

1、不同狀態(tài)的任務(wù)用不同顏色展示

2、當(dāng)前日期添加豎線標(biāo)志

3、周末設(shè)置背景顏色

4、可按小時、日、周切換（切換時間范圍也需同步修改）

官方文檔：Gantt API Gantt Docs

官方Demo?Gantt : Samples

?一、安裝依賴

npm install dhtmlx-gantt

二、實現(xiàn)

三、效果展示

四、補充

甘特圖事件

一開始事件我是這么寫的，但是后面開發(fā)過程中發(fā)現(xiàn)事件會重復(fù)觸發(fā)。于是查了些資料得知切換頁面時vue是會銷毀頁面的，但是甘特圖不會被銷毀，重復(fù)添加事件會重復(fù)執(zhí)行。所以要在vue頁面銷毀時刪除甘特圖事件，用?gantt.detachEvent 進行刪除

1）在data中定義一個數(shù)組用來存放甘特圖事件

2）甘特圖事件處理函數(shù)寫法如下，把事件處理函數(shù)push到events數(shù)組中

3）頁面銷毀時刪除甘特圖事件

?這世界很喧囂，做你自己就好

柚子快報激活碼778899分享：dhtmlx-gantt甘特圖

http://yzkb.51969.com/

精彩文章