保存位于 lightbox 左下角的一组按钮
<style>
.complete_button{
margin-top: 2px;
background-image:url("common/v_complete.png");
width: 20px;
}
</style>
<script>
gantt.locale.labels["complete_button"] = "Complete";
gantt.attachEvent("onGanttReady", function(){ gantt.config.buttons_left = ["gantt_save_btn","gantt_cancel_btn", "complete_button"]; }); gantt.init("gantt_here");
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();
}
});
</script>
请注意,使用 Material skin 会覆盖按钮配置。
为避免此情况,请在 onGanttReady 事件处理器内定义按钮配置。
左侧按钮的标签可以在初始化 Gantt 之前通过以下语法自定义:
gantt.locale.labels.icon_save = "New Label";
gantt.locale.labels.icon_cancel = "New Label";
gantt.init("gantt_here");
或者,也可以在 Gantt 初始化之后更新标签,示例如下:
gantt.attachEvent("onGanttReady", function(){
gantt.locale.labels.gantt_save_btn = "New Label";
gantt.locale.labels.gantt_cancel_btn = "New Label";
});
从版本 7.0 开始,也可以通过 i18n 对象修改标签:
gantt.i18n.setLocale({
labels: {
gantt_save_btn: "New Label",
gantt_cancel_btn: "New Label"
}
});