本文給大家講解如何更改DHTMLX Gantt的燈箱按鈕，歡迎大家下載最新版試用體驗(yàn)。

DHTMLX Gantt正版試用下載

在使用過程中，我們可以更改燈箱中的默認(rèn)按鈕。例如，您可以為只能查看任務(wù)的一組用戶隱藏“編輯”按鈕，或者添加一個(gè)新按鈕“打印”以允許用戶打印任務(wù)描述。

1、更改默認(rèn)按鈕

默認(rèn)情況下，燈箱包含 3 個(gè)按鈕（“保存”、“取消”、“刪除”），它們由buttons_left和buttons_right配置選項(xiàng)指定。

gantt.config.buttons_left = ["gantt_save_btn", "gantt_cancel_btn"];
gantt.config.buttons_right = ["gantt_delete_btn"];

要更改默認(rèn)按鈕集，請(qǐng)按照以下步驟操作：

• 指定buttons_left或buttons_right數(shù)組的新組件。

gantt.attachEvent("onGanttReady", function(){
   gantt.config.buttons_left = ["gantt_save_btn","gantt_cancel_btn","complete_button"];   
   gantt.config.buttons_right = ["gantt_delete_btn"];               
});

• 設(shè)置按鈕的標(biāo)簽：

gantt.locale.labels["complete_button"] = "Complete";

• 要設(shè)置按鈕的圖標(biāo)（和/或應(yīng)用一些其他樣式），請(qǐng)指定 CSS 類，如下所示：

.complete_button{
    margin-top: 1px;
    background-image:url("common/v_complete.png");
    width: 20px;
}

• 指定將處理按鈕點(diǎn)擊的onLightboxButton處理程序：

gantt.attachEvent("onLightboxButton", function(button_id, node, e){
    if(button_id == "complete_button"){
        var id = gantt.getState().lightbox;
        gantt.getTask(id).progress = 1;
        gantt.updateTask(id);
        gantt.hideLightbox();
    }
});

2、更改按鈕標(biāo)簽

• 您可以在甘特圖初始化之前使用以下語法重新定義按鈕標(biāo)簽：

gantt.locale.labels.icon_save = "New Label";
gantt.locale.labels.icon_cancel = "New Label";
gantt.locale.labels.icon_delete= "New Label";
 
gantt.init("gantt_here");

• 您還可以在甘特圖初始化后使用另一種語法更改標(biāo)簽，如下所示：

gantt.attachEvent("onGanttReady", function(){
  gantt.locale.labels.gantt_save_btn = "New Label";
  gantt.locale.labels.gantt_cancel_btn = "New Label";
  gantt.locale.labels.gantt_delete_btn = "New Label";
});

• 從 7.0 版開始，也可以使用i18n對(duì)象更改標(biāo)簽：

gantt.i18n.setLocale({
   labels: {
      gantt_save_btn: "New Label",
      gantt_cancel_btn: "New Label",
      gantt_delete_btn: "New Label"
   }
});

DHTMLX Gantt享有超十年聲譽(yù)，支持跨瀏覽器和跨平臺(tái)，性價(jià)比高，可滿足項(xiàng)目管理控件應(yīng)用的所有需求，是最完善的甘特圖圖表庫。

慧都2022年終狂歡火熱進(jìn)行中，全場(chǎng)產(chǎn)品超低價(jià)，DHTMLX全系產(chǎn)品享8.8折！了解更多活動(dòng)詳情，歡迎訪問慧都網(wǎng)咨詢。

甘特圖控件交流群：764148812    歡迎進(jìn)群交流討論

慧都年終狂歡季，全場(chǎng)產(chǎn)品，限時(shí)特惠，立即了解詳情！