HTML5 вьювер
YouTube |
Посмотрите видеоуроки по работе с компонентом JS HTML5 Viewer. Подписывайтесь на канал Stimulsoft и узнайте первыми о новых видеоуроках. Вопросы и предложения оставляйте в комментариях к видео.
|
Примеры |
Ознакомьтесь с примерами по работе с компонентом JS HTML5 Viewer GitHub. Все примеры представляют собой отдельные проекты, сгруппированные в отдельных папках по используемым технологиям.
|
Компонент HTML5 Viewer (StiViewer) предназначен для просмотра отчетов в окне браузера. При этом Вам не нужен мощный сервер, а на стороне клиента не требуется устанавливать .NET Framework, ActiveX компоненты или какие-либо специальные плагины. Все, что необходимо – это любой современный Web-браузер.
При помощи HTML5 Viewer можно просматривать, печатать и выполнять экспортирование отчетов на любом компьютере с любой установленной операционной системой. Так как вьювер использует только HTML5 и JavaScript технологии, он может быть запущен на устройствах, где нет поддержки Flash или Silverlight – планшеты, смартфоны. Также вьювер поддерживает Mobile и Touch интерфейсы, которые автоматически включаются при использовании мобильных устройств и мониторов с сенсорным экраном.
Компонент HTML5 Viewer использует технологию JavaScript для выполнения всех действий (загрузка и построение отчета, листания страниц и масштабирования, интерактивности в отчетах, печать, экспортирование и др.), что позволяет использовать практически любую серверную сторону, а на стороне клиента избавиться от перезагрузки всей страницы и повысить скорость работы.
HTML5 Viewer поддерживает множество тем оформления, анимированный интерфейс, закладки, интерактивные отчеты, редактирование элементов отчета на странице, полноэкранный режим, поиск, и другие, необходимые для просмотра отчетов, возможности.
Информация |
В следствие того, что для панелей индикаторов (дашбордов) и отчетов используется одинаковый унифицированный формат шаблона MRT, методы для загрузки шаблона и работы с данными, то в тексте документации будет использоваться слово «отчет».
|
Для использования HTML5 Viewer в проекте, необходимо установить npm пакет stimulsoft-reports-js:
npm install stimulsoft-reports-js
Если данный вариант не подходит, можно добавить указанные ниже скрипты вручную в проект.
viewer.html |
... <script src="scripts/stimulsoft.report.js"></script> <script scr="scripts/stimulsoft.viewer.js"></script> ... |
Для использования HTML5 Viewer в проекте с возможностью просмотра отчетов и дашбордов , необходимо установить 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> ... |
Информация |
О вариантах скриптов, которые вы можете использовать в своих проектах, можно ознакомиться в главах Скрипты пакета Reports.JS и Скрипты пакета Dashboards.JS.
|