翻譯|使用教程|編輯:王香|2018-11-30 10:23:09.000|閱讀 430 次
概述:此示例顯示如何在頁面上顯示HTML報表查看器并查看報表。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
此示例顯示如何在頁面上顯示HTML報表查看器并查看報表。首先,您需要將JavaScript庫和CSS樣式添加到Web頁面。例如,創建viewer.php文件并添加指向所有必需文件的鏈接:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Stimulsoft Reports.PHP - JS Report Viewer</title> <!-- Report Office2013 style --> <link href="css/stimulsoft.viewer.office2013.css" rel="stylesheet"> <!-- Stimusloft Reports.JS --> <script src="scripts/stimulsoft.reports.js" type="text/javascript"></script> <script src="scripts/stimulsoft.viewer.js" type="text/javascript"></script> </head> <body> <div id="viewerContent"></div> </body> </html>
要將Viewer與PHP服務器端進行通信,需要一些功能。要將它們添加到Web頁面,只需在部分中調用StiHelper :: initialize()靜態PHP函數即可。此函數可以在helper.php文件中找到,因此將此文件導入添加到Web頁面的頂部:
<?php require_once 'stimulsoft/helper.php'; ?> ... <?php StiHelper::initialize(); ?>
使用以下JavaScript代碼使用Viewer選項創建對象并設置所需的值。例如,默認情況下以全屏模式顯示查看器。接下來,創建Viewer對象,并將選項傳遞給它。所述viewer.renderHtml()方法呈現查看器內容轉換成指定的HTML元素:
var options = new Stimulsoft.Viewer.StiViewerOptions(); options.appearance.fullScreenMode = true; var viewer = new Stimulsoft.Viewer.StiViewer(options, "StiViewer", false); viewer.renderHtml("viewerContent");
要加載報表并將其分配給Viewer,您可以使用以下JavaScript代碼:
var report = new Stimulsoft.Report.StiReport(); report.loadFile("reports/SimpleList.mrt"); viewer.report = report;
下面的屏幕截圖中,您可以看到示例代碼的結果。
購買Stimulsoft正版授權,請點擊“”喲!
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn