HTML5报表查看器(HTML5 Viewer)是葡萄城报表提供的一个Javascript 组件,可用于在 Web 应用程序中预览在葡萄城报表服务器上承载的报表。HTML5 查看器提供了多种 UI 类型以针对范围广泛的受支持设备。应用程序可以使用公共 API 方法和属性在这些选项之间切换。
HTML5报表查看器在移动端的用户界面如下图:
与PC浏览器端不同,移动端的工具栏,会将翻页等按钮显示在屏幕底部,以适应移动设备屏幕较窄的特点。
HTML5 查看器移动端顶部工具栏
工具栏元素 | 名称 | 描述 |
目录 | 显示"目录"窗格。 | |
参数 | 显示"参数"窗格。 | |
查找 | 显示"查找"窗格。 | |
单页模式 | 在查看器中一次显示一页。 | |
连续模式 | 在查看器中以上下连续的形式显示所有的页。 | |
导出 | 显示用于导出报表的格式的下拉列表。可用的选项有 PDF 文档、Word 文档、图像文件、MHTML Web 存档和 Excel 工作簿。点击菜单项将报表导出为所选格式。 | |
发送邮件 | 显示邮件发送窗格。 |
HTML5 查看器移动端底部工具栏
工具栏元素 | 名称 | 描述 |
前一页 | 导航到所显示报表的上一页。 | |
后一页 | 导航到所显示报表的下一页。 | |
2/124 | 当前页 | 显示当前页码和页总计。输入页码以查看特定页面。 |
返回上级报表 | 返回到钻取页报表中的父报表。 |
HTML5 查看器移动端"目录"窗格
当您点击工具栏上的"目录"按钮时,会出现"目录"窗格。在"目录"窗格中点击任何目录项目, 以导航到查看器中报表的相应部分。
目录窗格中有一个"关闭" 按钮, 它隐藏窗格并显示报表显示区域。如果报表没有目录,则工具栏中的"目录"按钮将被禁用。
HTML5 查看器移动端"参数"窗格
如果报表中包含参数,"参数"窗格将自动显示。
在"参数"窗格中,单击按钮以打开参数值编辑器,您可以根据参数类型选择或输入值。
选择或输入值后,单击后退按钮导航到参数窗格。 单击"查看报表"按钮可根据所选参数值查看报表。
如果报表没有参数,工具栏中的"参数"按钮将被禁用。
HTML5 查看器移动端"查找"窗格
当您点击工具栏中的"查找"按钮时,将出现"查找"窗格。
此窗格允许您在报表中查找特定文本。
在报表中查找:
HTML5报表查看器的PC端用户界面如下图:
HTML5 查看器桌面端工具栏
工具栏元素 | 名称 | 描述 |
侧边栏 | 在侧边栏中显示"目录"或者"参数"窗格。 | |
查找 | 显示"查找"窗格。 | |
第一页 | 导航到所显示报表的第一页。 | |
前一页 | 导航到所显示报表的上一页。 | |
2/124 | 当前页 | 显示当前页码和页总计。输入页码以查看特定页面。 |
后一页 | 导航到所显示报表的下一页。 | |
最后一页 | 导航到所显示报表的最后一页。 | |
返回上级报表 | 返回到钻取页报表中的父报表。 | |
打印 | 显示打印对话框以指定打印选项。 | |
单页模式 | 在查看器中一次显示一页。 | |
连续模式 | 在查看器中以上下连续的形式显示所有的页。 | |
| 导出 | 显示用于导出报表的格式的下拉列表。可用的选项有 PDF 文档、Word 文档、图像文件、MHTML Web 存档和 Excel 工作簿。点击菜单项将报表导出为所选格式。 |
| 发送邮件 | 显示邮件发送窗格。 |
HTML5 查看器桌面版"目录"窗格
当您单击工具栏中的侧边栏按钮时,将出现"目录"窗格。 单击任何目录项目导航到查看器中报表的相应部分。
HTML5 查看器桌面版"参数"窗格
当您单击工具栏中的"侧边栏"按钮,然后单击"参数"选项卡时,将显示"参数"窗格。 在"参数"窗格中,输入一个值以过滤要显示的数据。
单击"查看报表"按钮可根据所选参数值查看报表。
HTML5 查看器桌面端"查找"窗格
当您点击工具栏中的"查找"按钮时,将出现"查找"窗格。
此窗格允许您在报表中查找特定文本。
在报表中查找:
HTML5 查看器自定义界面
HTML5查看器的自定义界面功能可以为目标设备创建定制的查看器,并满足特定的应用程序需求。
您可以使用公开API方法和属性自定义HTML5 查看器的外观,参见: