翻譯|使用教程|編輯:王香|2018-11-30 10:23:09.000|閱讀 439 次
概述:此示例顯示如何在頁面上顯示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@ke049m.cn