buttons_right

хранит коллекцию кнопок, расположенных в правом нижнем углу лайтбокса

string[] buttons_right;

Example

<style>
    .complete_button{
        margin-top: 2px;
        background-image:url("common/v_complete.png");
        width: 20px;
    }
</style>
<script>
    gantt.locale.labels["complete_button"] = "Завершить";
    gantt.attachEvent("onGanttReady", function(){                                       gantt.config.buttons_right = ["gantt_delete_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>

Default value:

["gantt_delete_btn"];

Related samples

Custom button in the lightbox

Details

Обратите внимание, что если вы используете Material skin, это изменит конфигурацию кнопок. Чтобы этого избежать, необходимо указать конфигурацию кнопок внутри обработчика события onGanttReady.

Вы можете переопределить метки правой кнопки, используя следующий синтаксис до инициализации Gantt:

gantt.locale.labels.icon_delete= "Новая метка";
 
gantt.init("gantt_here");

Вы также можете изменить метку, используя другой синтаксис после инициализации Gantt, следующим образом:

gantt.attachEvent("onGanttReady", function(){
  gantt.locale.labels.gantt_delete_btn = "Новая метка";
});

Начиная с версии 7.0, метки также можно изменять с помощью объекта i18n:

gantt.i18n.setLocale({
   labels: {
      gantt_delete_btn: "Новая метка"
   }
});