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

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

Вы можете использовать npm, NuGet или Bower как менеджеры пакетов для установки пакета dhtmlxGantt в ваш проект.

Также возможно подключить необходимые файлы JS/CSS через CDN.

npm - версии Evaluation и PRO

Профессиональная оценочная версия

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

Профессиональная версия

Вы можете получить доступ к приватному npm DHTMLX напрямую в Личном кабинете путем создания логина и пароля для npm. Подробная инструкция по установке доступна там же. Обратите внимание, что доступ к приватному npm доступен только пока активна ваша проприетарная лицензия на Gantt.

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

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

npm install dhtmlx-gantt
заметка

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

NuGet

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

nuget install DHTMLX.Gantt

Если вы используете Microsoft Visual Studio, выполните следующую команду из консоли менеджера пакетов:

install-package DHTMLX.Gantt

Bower

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

bower install gantt

CDN

Чтобы подключить файлы JS/CSS через 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, можно найти в отдельной статье (guides/cdn-links-list.md).

Загрузка пакета

GPL версия

Скачать пакет dhtmlxGantt GPL версии.

PRO версия

Если у вас есть PRO-версия компонента, перейдите в Личный кабинет и скачайте PRO-пакет оттуда.

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

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

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

Установить Pro-версию

заметка

Перед установкой Pro-версии Gantt следует удалить пакет пробной версии (если он установлен)

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

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

Если по какой-то причине описанные выше методы недоступны, есть два варианта выхода:

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

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

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

npm install

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

Чтобы увидеть различия между стандартной и PRO-версиями библиотеки dhtmlxGantt, ознакомьтесь со статьей Standard vs PRO Library Versions.

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

Правильный способ установки 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-версию диаграммы Ганта, как описано выше.

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.