彩票走势图

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

翻译|使用教程|编辑:秦林|2022-11-24 10:45:09.047|阅读 314 次

概述:本文给大家讲解如何更改DHTMLX Gantt的灯箱默认按钮和按钮标签,欢迎大家下载最新版试用体验。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

本文给大家讲解如何更改DHTMLX Gantt的灯箱按钮,欢迎大家下载最新版试用体验。

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    欢迎进群交流讨论

慧都年终狂欢季,全场产品,限时特惠,立即了解详情!


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn


为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP