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

http://yzkb.51969.com/

需求：

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

2、當前日期添加豎線標志

3、周末設置背景顏色

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

官方文檔：Gantt API Gantt Docs

官方Demo?Gantt : Samples

?一、安裝依賴

npm install dhtmlx-gantt

二、實現

三、效果展示

四、補充

甘特圖事件

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

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

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

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

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

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

http://yzkb.51969.com/

精彩文章