YouTube

 

Посмотрите видеоуроки по работе с компонентом JS HTML5 Designer. Подписывайтесь на канал Stimulsoft и узнайте первыми о новых видеоуроках. Вопросы и предложения оставляйте в комментариях к видео.

 

 

Примеры

 

Ознакомьтесь с примерами по работе с компонентом JS HTML5 Designer GitHub. Все примеры представляют собой отдельные проекты, сгруппированные в отдельных папках по используемым технологиям.

 

 

 

Компонент HTML5 Designer (StiDesigner) предназначен для разработки отчетов в окне браузера. При этом Вам не нужен мощный сервер, а на стороне клиента не требуется устанавливать .NET Framework, ActiveX компоненты или какие-либо специальные плагины. Все, что необходимо – это любой современный Web-браузер.

 

При помощи HTML5 Designer можно создавать, редактировать, сохранять, просматривать и печатать отчеты на любом компьютере с любой установленной операционной системой. Так как дизайнер использует только HTML5 и JavaScript технологии, он может быть запущен на устройствах, где нет поддержки Flash или Silverlight – планшеты, смартфоны. Также дизайнер поддерживает Mobile и Touch интерфейсы, которые автоматически включаются при использовании мобильных устройств и мониторов с сенсорным экраном.

 

Компонент HTML5 Designer использует технологию JavaScript для выполнения всех действий над редактируемым отчетом, что позволяет использовать практически любую серверную сторону, а на стороне клиента избавиться от перезагрузки всей страницы и повысить скорость работы.

 

Информация

 

В следствие того, что для панелей индикаторов (дашбордов) и отчетов используется одинаковый унифицированный формат шаблона MRT, методы для загрузки шаблона и работы с данными, то в тексте документации будет использоваться слово «отчет».

 

 

 

Для использования HTML5 Designer в проекте, необходимо установить npm пакет stimulsoft-reports-js:

npm install stimulsoft-reports-js

 

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

 

designer.html

...

<script src="scripts/stimulsoft.report.js"></script>

<script scr="scripts/stimulsoft.viewer.js"></script>

<script src="scripts/stimulsoft.designer.js"></script>

 

<!-- Stimulsoft Blockly editor for JS Designer -->

<script src="scripts/stimulsoft.blockly.editor.js"></script>

...

 

 

Для использования HTML5 Designer в проекте с возможностью редактирования отчетов и дашбордов , необходимо установить npm пакет stimulsoft-dashboards-js:

npm install stimulsoft-dashboards-js

 

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

 

viewer.html

...

<script src="scripts/stimulsoft.report.js"></script>

<script src="scripts/stimulsoft.dashboards.js"></script>

<script scr="scripts/stimulsoft.viewer.js"></script>

<script src="scripts/stimulsoft.designer.js"></script>

...

 

Информация

 

О вариантах скриптов, которые вы можете использовать в своих проектах, можно ознакомиться в главах Скрипты пакета Reports.JS и Скрипты пакета Dashboards.JS.