立即点击下载Stimulsoft Reports.JS最新版

本示例说明如何创建报表查看器并将其显示在所需位置。

如果要在创建后禁用查看器内容的自动呈现，请将构造函数的第三个参数设置为false。在这种情况下，对象查看器将在内存中创建：

<script type="text/javascript">
    // Create the report viewer with default options
    var viewer = new Stimulsoft.Viewer.StiViewer(null, "StiViewer", false);
</script>

要显示报表查看器，您可以使用viewer.renderHtml()方法，查看器将在该方法所在的位置呈现其自己的内容：

<script type="text/javascript">
    // Show the report viewer in this place
    viewer.renderHtml();
</script>

您也可以将查看器内容呈现到指定的HTML元素中，例如DIV。为此，您可以使用viewer.renderHtml("elementId")方法：

<script type="text/javascript">
    // Show the report viewer in specified element
    viewer.renderHtml("viewerContent");
</script>
...
<div id="viewerContent">
</div>

在下面的屏幕截图中，您可以看到示例代码的结果。

下载示例代码