Crashed Stimulsoft Report Viewer - PullRequest
Новая
       33

Crashed Stimulsoft Report Viewer

0 голосов
/ 03 июля 2018

Я использую Стимулсофт в проекте Angular 5, сначала я создал кнопку (внутри вкладок начальной загрузки), а при нажатии запускает функцию генерации отчета enter image description here

и HTML-код кнопки: 

 <ngb-tab>
   <ng-template ngbTabTitle ><b>Report</b></ng-template>
    <ng-template ngbTabContent>

        <button (click)="generateReport()"  class="btn m-btn btn-danger" 
           id="generateReport">
            <span>
               <i class="la la-eye"></i>
            <span> Generate Report</span>
          </span>
        </button>   
        <div id="Report"></div>

    </ng-template>
 </ngb-tab>

и функция, которая должна быть вызвана нажатием (Создать отчет): 

generateReport() {

    this.ExportImageForReport();
    let sol = this.solution;

    setTimeout(() => {
            let HS = this.body.hotStreams.map(a => { let obj = { Name: a.name, 
                   Supply: a.Supply, Target: a.Target, Duty: Math.round((a.Duty 
                 / 1000000) * 10) / 10 }; return obj });
            let CS = this.body.coldStreams.map(a => { let obj = { Name: a.name, 
                   Supply: a.Supply, Target: a.Target, Duty: Math.round((a.Duty 
                / 1000000) * 10) / 10 }; return obj });


            let Solution = {
                Results: {
                    IntervalTemp: sol.IntervalTemp,
                    HotInterval: sol.HotIntervalTemp,
                    ColdInterval: sol.ColdIntervalTemp,
                    HotDuty: Math.round((sol.Qhot / 1000000) * 10) / 10,
                    ColdDuty: Math.round((sol.Qcold / 1000000) * 10) / 10,
                },
                Units: {
                    temperature: this.Units.temperature,
                    duty: this.Units.duty
                },
                HotStreams: HS,
                ColdStreams: CS,
                Diagrams: {
                    HT_Diagram: this.HT_img,
                    GCC_Diagram: this.GCC_img,
                    Grid_Diagram: this.Grid_img,
                },
                UserData: {
                    username:this.username,
                    email:this.email
                }
            }

            fileName = "ByStreamReport"
            let report = new Stimulsoft.Report.StiReport();
            report.loadFile("./assets/stimulsoft/name.mrt");

            let dataSet = new Stimulsoft.System.Data.DataSet("Solution");
            dataSet.readJson(Solution);
            report.regData("Solution", "Solution", dataSet);

            let options = new Stimulsoft.Viewer.StiViewerOptions;
            let viewer = new Stimulsoft.Viewer.StiViewer(options);
            viewer.report = report;
            viewer.renderHtml("Report");

    },6000)
 }

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

enter image description here Я хочу, чтобы средство просмотра отчетов было загружено ниже (Создать отчет), как его место в HTML-коде.

Пожалуйста, до меня, если вы увидите, что в моем сообщении отсутствует информация, и я сразу же отредактирую ее.

1 Ответ

0 голосов
/ 04 июля 2018

Единственная проблема, при которой я создавал экземпляр отчета и параметр после нажатия кнопки, и это приводило к сбою средства просмотра,

это решается простым созданием экземпляров отчета и средства просмотра как свойства в классе 

  export class SolutionComponent implements OnInit {

         viewer: any = new Stimulsoft.Viewer.StiViewer(null, 'StiViewer', false);
         report: any = new Stimulsoft.Report.StiReport();

         generateReport() { 
           // the rest of the code 
         }

и теперь он отлично работает внутри страницы и вкладки

enter image description here

...