ui.gantt

Since 8.0

Современное решение для управления проектами.

Gantt - это инструмент для управления проектами, который позволяет разбивать их на подзадачи, создавать зависимости между задачами и отслеживать их прогресс.

Конструктор

webix.ui({
  view:"gantt",
  url: "https://docs.webix.com/gantt-backend"
});

С чего начать

Methods
adjust подстраивает размеры компонента под размеры HTML-контейнера
app задаёт виджету класс Jet App
attachEvent задает обработчик внутреннего события компонента
blockEvent временно блокирует вызов ВСЕХ событий вызывающего объекта
callEvent вызывает внутреннее событие компонента
clearAll очищает все коллекции
define переопределяет одну или несколько настроек компонента
destructor разрушает компонент
detachEvent удаляет обработчик события (который был задан ранее методом attachEvent)
disable блокирует компонент (он становится серым, клики по нему не срабатывают)
enable делает активным ранее заблокированный компонент
getChildViews возвращает внутренние компоненты
getFormView возвращает объект формы, которой принадлежит компонент
getNode возвращает HTML-элемент компонента
getParentView возвращает родительский компонент
getService возвращает доступный для Gantt сервис
getState возвращает объект реактивного состояния Gantt
getTopParentView возвращает самого верхнего родителя
hasEvent проверяет, есть ли у компонента обработчики указанного события
hide скрывает компонент
isEnabled проверяет, активен или заблокирован компонент
isVisible проверяет, виден ли компонент
mapEvent направляет события от одного компонента к другому
queryView возвращает внутренние компоненты, которые удовлетворяют указанному условию
reload перезагружает коллекции
resize перерисовывает компонент после изменения размеров
show делает компонент видимым
unblockEvent отменяет блокировку событий, которая была вызвана командой 'blockEvent'
Events
onAfterScroll срабатывает после прокрутки содержимого компонента webix
onBeforeDrag сработает перед тем, как пользователь начнёт перетаскивать задачу на чарте
onBeforeDrop сработает перед тем, как пользователь отпустит кнопку мыши при перетаскивании задачи на чарте
onBlur срабатывает при смещении фокуса за пределы компонента
onDestruct происходит, когда компонент был разрушен деструктором
onEnter срабатывает после нажатия клавиши Enter
onFocus срабатывает после смещения фокуса на компонент
onInit срабатывает при инициализации
onLongTouch срабатывает после того, как пользователь на достаточно долгое время задержит палец на экране (для устройств с сенсорным экраном)
onSwipeX срабатывает по горизонтальному свайпу
onSwipeY срабатывает по вертикальному свайпу
onTouchEnd срабатывает после завершения события touch
onTouchMove срабатывает по время движения пальца по сенсорному экрану
onTouchStart срабатывает после touch-события в компоненте webix
onViewResize срабатывает после того, как пользователь изменил размер компонента с помощью компонента resizer
onViewShow срабатывает, когда компонент появляется (вызов метода show())
Properties
animate определяет анимацию для показа компонента в Multiview
baseline определяет, следует ли отображать планируемые даты на графике
borderless скрывает или показывает границы компонента
compact переключает Gantt в компактный режим
compactWidth задаёт ширину виджета, при которой он переходит в компактный режим
container HTML-контейнер (или его ID), внутри которого компонент должен быть инициализирован
criticalPath позволяет отображать критический путь
css имя CSS-класса, который будет присвоен HTML-элементу компонента, или объект со стилями
disabled блокирует или разблокирует компонент
display определяет текущий режим Gantt
excludeHolidays позволяет включать только рабочие дни в продолжительность задач
gravity задает удельный (относительный) размер компонента
height задает высоту компонента
hidden скрывает компонент после его инициализации
id ID компонента
isHoliday проверяет, является ли день выходным
links позволяет отключать связи между задачами
locale задаёт объект со структурой локали
markers создаёт визуальные маркеры для чарта
maxHeight задает максимальную высоту компонента
maxWidth задает максимальную ширину компонента
minHeight задает минимальную высоту компонента
minWidth задает минимальную ширину компонента
on позволяет присоединять обработчики к внутренним событиям компонента
override используется при переопределении классов по умолчанию
preciseTimeUnit позволяет указать точность позиции и ширины задачи
projects конвертирует все задачи с подзадачами в проекты
readonly отвечает за возможность добавления и редактирования задач
resourceCalendars позволяет определять отдельные рабочие календари для ресурсов
resources позволяет загружать ресурсы и работать с ними
resourcesDiagram позволяет отображать диаграмму ресурсов
scaleCellWidth ширина ячейки на шкале дней
scaleEnd конечная дата на шкале Gantt
scaleStart начальная дата на шкале Gantt
scales массив с объектами шкал для Gantt
serverUTC позволяет загружать и сохранять даты в UTC формате
split позволяет создавать разделённые задачи
treeWidth определяет ширину деревьев Gantt
url URL для загрузки данных
width задает ширину компонента
Other
$app возвращает экземпляр класса Jet App
$exportView возвращает коллекцию данных для экспорта
$getSize возвращает текущий размер компонентов
$height текущая высота компонента
$scope область имен для событий и методов
$setNode определяет HTML-элемент компонента
$setSize задает размеры компонента
$skin вызывается после применения скина
$view возвращает HTML-элемент компонента
$width текущая ширина компонента
config все настройки, заданные при инициализации компонента
name возвращает имя компонента (свойство только для чтения)
Наверх