项目管理工具DHTMLX Gantt灯箱元素配置教程：更改灯箱默认按钮和标签

1、更改默认按钮

默认情况下，灯箱包含 3 个按钮（“保存”、“取消”、“删除”），它们由buttons_left和buttons_right配置选项指定。

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

要更改默认按钮集，请按照以下步骤操作：

• 指定buttons_left或buttons_right数组的新组件。

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

• 设置按钮的标签：

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

• 要设置按钮的图标（和/或应用一些其他样式），请指定 CSS 类，如下所示：

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

• 指定将处理按钮点击的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、更改按钮标签

• 您可以在甘特图初始化之前使用以下语法重新定义按钮标签：

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

• 您还可以在甘特图初始化后使用另一种语法更改标签，如下所示：

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对象更改标签：

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

DHTMLX Gantt享有超十年声誉，支持跨浏览器和跨平台，性价比高，可满足项目管理控件应用的所有需求，是最完善的甘特图图表库。

2022年终狂欢火热进行中，全场产品超低价，DHTMLX全系产品享8.8折！了解更多活动详情，欢迎访问 咨询在线客服。

甘特图控件交流群：764148812    欢迎进群交流讨论

年终狂欢季，全场产品，限时特惠，立即了解详情！

标签：