レポートのプレビュー

プレビューは、WebデザイナではなくJSビューワの機能であり、レポートをプレビューするためにJSビューワを構成する必要があります。詳細については、「JSビューワの使用」を参照してください。

JSビューワをSVGで使用することをお勧めします。これにより、プレビューが遅くなるが、ほぼWYSIWYGプレビューが表示されます。JSビューワを構成するには、次のコードを使用します。

	コードのコピー
var viewer = null; GrapeCity.ActiveReports.Designer.create('#ar-web-designer', { preview: { openViewer: (options) => { if (viewer) { viewer.openReport(options.documentInfo.id); return; } viewer = GrapeCity.ActiveReports.JSViewer.create({ element: '#' + options.element, renderFormat: 'svg', reportService: { url: 'api/reporting', }, reportID: options.documentInfo.id, settings: { zoomType: 'FitPage', }, }); } } });

コードのコピー

var viewer = null;
GrapeCity.ActiveReports.Designer.create('#ar-web-designer', {           
    preview: {
                openViewer: (options) => {
                    if (viewer) {
                        viewer.openReport(options.documentInfo.id);
                        return;
                    }
                    viewer = GrapeCity.ActiveReports.JSViewer.create({
                        element: '#' + options.element,
                        renderFormat: 'svg',
                        reportService: {
                            url: 'api/reporting',
                        },
                        reportID: options.documentInfo.id,
                        settings: {
                            zoomType: 'FitPage',
                        },
                    });
                }
            }
       });