Примеры Форум Поддержка
Документация
StartРуководстваСоздание диаграммы Gantt на странице

Как установить dhtmlxGantt

dhtmlxGantt можно добавить в ваш проект с помощью менеджеров пакетов, таких как NuGet, Bower или npm.

Кроме того, вы можете подключить необходимые JS и CSS файлы напрямую с CDN.

npm — Оценочная и PRO версии

Оценочная версия Professional

Вы можете скачать пробный пакет Gantt и следовать инструкциям в файле README. Обратите внимание, что пробная версия действительна только в течение 30 дней.

Professional версия

Доступ к приватному npm-репозиторию DHTMLX предоставляется через Client's Area после генерации логина и пароля для npm. Подробная инструкция по установке доступна там же. Обратите внимание, что доступ к приватному npm предоставляется только при активной лицензии на проприетарную версию Gantt.

npm — стандартная бесплатная версия

Стандартную версию dhtmlxGantt можно установить с сайта npmjs.com с помощью команды:

npm install dhtmlx-gantt

На npmjs.com доступна только стандартная версия Gantt

NuGet

Чтобы добавить dhtmlxGantt с помощью NuGet, выполните следующую команду:

nuget install DHTMLX.Gantt

Если вы работаете в Microsoft Visual Studio, установите его через Package Manager Console командой:

install-package DHTMLX.Gantt

Bower

Вы можете установить dhtmlxGantt через Bower, выполнив команду:

bower install gantt

CDN

Для подключения dhtmlxGantt через CDN добавьте ссылки на файлы dhtmlxgantt.js и dhtmlxgantt.css:

<link rel="stylesheet" href="http://cdn.dhtmlx.com/gantt/edge/dhtmlxgantt.css" 
    type="text/css"> 
<script src="http://cdn.dhtmlx.com/gantt/edge/dhtmlxgantt.js"></script>

Полный список CDN-ссылок для разных версий dhtmlxGantt смотрите в отдельной статье.

Скачивание пакета

GPL версия

Вы можете получить GPL-версию dhtmlxGantt, скачав пакет здесь.

PRO версия

Если у вас есть лицензия на PRO-версию, скачайте PRO-пакет из Client Area.

После загрузки распакуйте пакет в папку вашего проекта. Затем подключите файлы dhtmlxgantt.js и dhtmlxgantt.css на вашей странице, убедившись, что относительные пути указаны корректно:

<script type="text/javascript" src="codebase/dhtmlxgantt.js"></script>  
<link rel="stylesheet" href="codebase/dhtmlxgantt.css">

Добавление PRO-редакции в проект

Установка Pro версии

Если у вас ранее была установлена пробная версия, рекомендуется удалить её перед установкой Pro версии.

Публичные источники (CDN, NuGet, Bower и npm) предоставляют стандартную редакцию dhtmlxGantt, распространяемую по лицензии GPL.

Для Professional и Evaluation редакций вы можете использовать наш приватный npm-репозиторий.

Если эти варианты вам не подходят, есть две альтернативы:

  • добавить Pro-версию в проект вручную
  • установить Pro-версию через npm из локального каталога

Установка пакета из локальной папки

Если вы используете npm, Pro-пакет можно установить из локальной папки с помощью npm install ./local_path или npm link. Инструкции для обоих способов приведены ниже:

npm install

  1. Скопируйте пакет Gantt в локальный каталог.
  2. Перейдите в каталог вашего проекта.
  3. Выполните команду npm install ../gantt-local-package-path.

npm link

  1. Скопируйте пакет Gantt в локальный каталог.
  2. Выполните npm link внутри папки пакета.
  3. Перейдите в каталог вашего проекта.
  4. Выполните npm link dhtmlx-gantt.

Сравнение стандартной и PRO-версий dhtmlxGantt смотрите в соответствующей статье Стандартная и PRO версии библиотеки.

Удаление пробной версии

Перед установкой Pro-версии рекомендуется удалить пробный пакет:

npm uninstall dhtmlx-gantt

Убедитесь, что в приложении не осталось файлов dhtmlxgantt.js.

На Linux и MacOS можно выполнить поиск с помощью:

grep -rin "dhtmlxGantt v"
grep -rin evaluation

На Windows используйте следующие команды в командной строке:

findstr /mis "dhtmlxGantt v" path_to_your_app\*
findstr /mis "evaluation" path_to_your_app\*

После подтверждения удаления можно переходить к установке Pro-версии, как описано выше.

К началу