8.3.3.2 HTML5报表查看器

HTML5报表查看器（HTML5 Viewer）是葡萄城报表提供的一个Javascript 组件，可用于在 Web 应用程序中预览在葡萄城报表服务器上承载的报表。HTML5 查看器提供了多种 UI 类型以针对范围广泛的受支持设备。应用程序可以使用公共 API 方法和属性在这些选项之间切换。

HTML5 查看器移动端界面

HTML5报表查看器在移动端的用户界面如下图：

与PC浏览器端不同，移动端的工具栏，会将翻页等按钮显示在屏幕底部，以适应移动设备屏幕较窄的特点。

HTML5 查看器移动端顶部工具栏

工具栏元素	名称	描述
	目录	显示"目录"窗格。
	参数	显示"参数"窗格。
	查找	显示"查找"窗格。
	单页模式	在查看器中一次显示一页。
	连续模式	在查看器中以上下连续的形式显示所有的页。
	导出	显示用于导出报表的格式的下拉列表。可用的选项有 PDF 文档、Word 文档、图像文件、MHTML Web 存档和 Excel 工作簿。点击菜单项将报表导出为所选格式。
	发送邮件	显示邮件发送窗格。

HTML5 查看器移动端底部工具栏

HTML5 查看器移动端"目录"窗格

当您点击工具栏上的"目录"按钮时，会出现"目录"窗格。在"目录"窗格中点击任何目录项目, 以导航到查看器中报表的相应部分。

目录窗格中有一个"关闭" 按钮, 它隐藏窗格并显示报表显示区域。如果报表没有目录，则工具栏中的"目录"按钮将被禁用。

HTML5 查看器移动端"参数"窗格

如果报表中包含参数，"参数"窗格将自动显示。

在"参数"窗格中，单击按钮以打开参数值编辑器，您可以根据参数类型选择或输入值。

选择或输入值后，单击后退按钮导航到参数窗格。单击"查看报表"按钮可根据所选参数值查看报表。

如果报表没有参数，工具栏中的"参数"按钮将被禁用。

HTML5 查看器移动端"查找"窗格

当您点击工具栏中的"查找"按钮时，将出现"查找"窗格。

此窗格允许您在报表中查找特定文本。

在报表中查找：

HTML5报表查看器的PC端用户界面如下图：

HTML5 查看器桌面端工具栏

工具栏元素	名称	描述
	侧边栏	在侧边栏中显示"目录"或者"参数"窗格。
	查找	显示"查找"窗格。
	第一页	导航到所显示报表的第一页。
	前一页	导航到所显示报表的上一页。
2/124	当前页	显示当前页码和页总计。输入页码以查看特定页面。
	后一页	导航到所显示报表的下一页。
	最后一页	导航到所显示报表的最后一页。
	返回上级报表	返回到钻取页报表中的父报表。
	打印	显示打印对话框以指定打印选项。
	单页模式	在查看器中一次显示一页。
	连续模式	在查看器中以上下连续的形式显示所有的页。
	导出	显示用于导出报表的格式的下拉列表。可用的选项有 PDF 文档、Word 文档、图像文件、MHTML Web 存档和 Excel 工作簿。点击菜单项将报表导出为所选格式。
	发送邮件	显示邮件发送窗格。