Перейти к основному содержимому

buttons_left

Description​

Хранит коллекцию кнопок, размещённых в левом нижнем углу lightbox

buttons_left: string[]

Example​

<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>

Default value: ["gantt_save_btn", "gantt_cancel_btn"]

Details​

заметка

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

property_buttons_left

Вы можете переопределить подписи левых кнопок, используя следующий синтаксис до инициализации 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"
   }
});
Need help?
Got a question about the documentation? Reach out to our technical support team for help and guidance. For custom component solutions, visit the Services page.
Need more help?Contact Support