Блог

DHTMLX Gantt Chart в Веб-приложениях Webix

Современному менеджеру проектов необходим быстрый и удобный в использовании инструмент, который позволил бы ему управлять проектами: добавлять новые задания, устанавливать сроки для них, создавать различные отношения между установленными задачами и т.д.

DHTMLX Gantt Chart — это тот самый виджет, который обладает всеми вышеуказанными свойствами и не только. Для пользователей Webix у нас есть прекрасная новость: Webix может использоваться вместе с DHTMLX Gantt Chart.

Вы можете добавить DHTMLX Gantt Chart в приложение Webix при помощи всего нескольких строк кода. В результате, вы соедините функции обоих продуктов в одно удобное в использовании и быстро работающее веб-приложение.

 gantt chart+webix


Основные свойства Gantt:

  • интуитивно понятный пользовательский интерфейс
  • полная кастомизация
  • сортировка и фильтрация
  • гибкий API
  • 3 типа связывания заданий: финиш-старт, старт-старт, финиш-финиш

Чтобы узнать больше о DHTMLX Gantt Chart, прочитайте его детальное описание.

Итак, давайте интегрируем DHTMLX Gantt Chart в ваше приложение Webix.

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

Во-вторых, вам необходимо добавить компонент Gantt в ваше приложение с помощью следующей строки кода:

<script type="mce-text/javascript" src="components/gantt/gantt.js"></script>

В-третьих, инициализируйте view:

//путь к папке, откуда будут автоматически загружаться дополнительные библиотеки
webix.codebase = "./components/";

webix.ui({
view:"dhx-gantt",
init:function(){...},
ready:function(){
gantt.parse(tasks); //добавление заданий
}
});

Свойства Gantt:

  • init — задает функции для выполнения инициализации;
  • ready — определяет функцию, которая запускается после полной загрузки компонента.

Как видите, посредством нескольких безболезненных манипуляций вы сможете добавить DHTMLX Gantt Chart в ваше приложение Webix. Это будет отличный симбиоз!

Попробуйте разработать свое веб-приложение, используя Gantt. Подробная техническая информация находится в документации Webix и DHTMLX.

Автор
The following two tabs change content below.
Veronika Lindorenko

Veronika Lindorenko

Менеджер продукта Webix с 2012. Интересуется SMM и юзабилити. Создавая качественный и привлекательный контент, она стремится делать мир онлайна лучше.
Veronika Lindorenko

Latest posts by Veronika Lindorenko (see all)

Share on Google Plus Share on Twitter Share on Facebook Share on Stumbleupon Share on LinkedIn VK Vote on Reddit