Страница 1 из 2
Компонента React
Добавлено: 11 июл 2020, 02:11
stimulnub2020
День добрый
Возможно ли использование пакета 'stimulsoft-reports-js' в React? Или это только для node.js?
Я попробовал реализовать React-компонент для просмотра отчета, но даже одна строка импорта вызывает ошибки:
Код: Выделить всё
import ReportJS from 'stimulsoft-reports-js';
Есть ли примеры реализации отчета в виде React-компоненты?
Спасибо
Re: Компонента React
Добавлено: 12 июл 2020, 13:42
Aleksey
Re: Компонента React
Добавлено: 13 июл 2020, 01:26
stimulnub2020
Там везде реализация в html. Возможно ли это реализовать на чистом JavaScript? Как для Angular, например, где публикация выполняется именно в чистый JavaScript.
Re: Компонента React
Добавлено: 13 июл 2020, 11:53
Aleksey
Здравствуйте,
Не совсем поняли что вы хотите.
В ангулере также есть html в который вкидывается компонент.
Спасибо.
Re: Компонента React
Добавлено: 13 июл 2020, 15:39
stimulnub2020
Aleksey писал(а): ↑13 июл 2020, 11:53
Не совсем поняли что вы хотите.
Пробовал сделать вот так, не работает:
Код: Выделить всё
import * as React from "react";
import ReportJS from 'stimulsoft-reports-js';
export default class DummyReport extends React.Component {
componentWillMount() {
var Stimulsoft = ReportJS.Stimulsoft;
console.log("Stimulsoft Reports started");
var report = Stimulsoft.Report.StiReport.createNewReport();
report.loadFile("reports/Invoice.mrt");
console.log("Stimulsoft Reports created");
var options = new Stimulsoft.Viewer.StiViewerOptions();
options.appearance.fullScreenMode = false;
options.toolbar.displayMode = Stimulsoft.Viewer.StiToolbarDisplayMode.Separated;
console.log("Stimulsoft options created");
this.viewer = new Stimulsoft.Viewer.StiViewer(options, "StiViewer", false);
console.log("Stimulsoft Reports Viewer created");
this.viewer.report = report;
}
componentDidMount() {
console.log("Stimulsoft Reports DidMount before");
this.viewer.renderHtml("viewerContent");
console.log("Stimulsoft Reports DidMount after");
}
render() {
return (
<div id="viewerContent"></div>
);
}
}
Re: Компонента React
Добавлено: 14 июл 2020, 10:48
Aleksey
Здравствуйте,
JS скрипты надо подключать вручную, не через npm. Npm скрипты только для node.js
Спасибо.
Re: Компонента React
Добавлено: 14 июл 2020, 12:39
stimulnub2020
Aleksey писал(а): ↑14 июл 2020, 10:48
JS скрипты надо подключать вручную, не через npm. Npm скрипты только для node.js
Вот это засада. Получается, что полноценно встроить просмотр отчетов в отдельное React-приложение не получится.
А вообще планируется добавить поддержку npm-пакетов для React?
Спасибо
Re: Компонента React
Добавлено: 15 июл 2020, 11:34
Aleksey
Здравствуйте,
Посмотрите примеры, там показано как встроить, только надо подключить правильно скрипты не через npm.
Других планов нет.
Спасибо.
Re: Компонента React
Добавлено: 15 июл 2020, 15:11
stimulnub2020
Aleksey писал(а): ↑15 июл 2020, 11:34
Посмотрите примеры, там показано как встроить, только надо подключить правильно скрипты не через npm.
Во всех примерах встраивание идет через загрузку скриптов в html-странице. У меня приложение на React-admin, каким образом впихнуть viewer в пределах генерируемой страницы, я не представляю. Получается, только грубой ссылкой на отдельную html-страницу, теряя при этом всю навигацию, меню и проч.
Aleksey писал(а): ↑15 июл 2020, 11:34
Других планов нет.
Ясно. Похоже, от приобретения дашбордов придется отказаться, крутить все в отдельных страницах нет никакого смысла.
Re: Компонента React
Добавлено: 16 июл 2020, 10:07
Aleksey
Здравсвтуйте,
Вышлите простой пример, в который вам надо встроить наш вьювер.
Мы попробуем решить проблему, после вы сможете перенести по примеру уже в свой проект.
Спасибо.