Создание Gantt

Вы можете создать Gantt как Webix компонент или же как отдельное Jet приложение. Оба способа дают один и тот же результат.

  • Создаём Gantt как Webix компонент:
webix.ready(function() { 
  // настраиваем скролл (необязательно)
  if (webix.env.touch) webix.ui.fullScreen();
    else if (webix.env.scrollSize) webix.CustomScroll.init();
 
  webix.ui({
    view: "gantt",
    url:"https://docs.webix.com/gantt-backend/",
  });    
});

Related sample:  Gantt: Webix View Initialization

  • Инициализируем Gantt как экземпляр класса Jet app и его отрисовываем на странице (или в заданном контейнере):
webix.ready(function() { 
  // настраиваем скролл (необязательно)
  if (webix.env.touch) webix.ui.fullScreen();
    else if (webix.env.scrollSize) webix.CustomScroll.init();
 
  var app = new gantt.App({ 
    url:"https://docs.webix.com/gantt-backend/"
  });
 
  app.render(document.body);
});

Related sample:  Gantt: JetApp Initialization

Наверх