Wijmo是一款使用TypeScript编写的新一代JavaScript/HTML5控件集。它秉承触控优先的设计理念，在全球率先支持AngularJS，并提供性能卓越、零依赖的FlexGrid和图表等多个控件。

新版本Wijmo已经正式发布了，我们也很高兴为ReportViewer发布移动支持。我们的ReportViewer控件现在具有响应式设计，并将自适应不同屏幕尺寸的移动设备。

那么，如何使用新版本的ReportViewer呢？

入门

在JavaScript应用程序中开始使用ReportViewer控件的步骤：

1. 设置C1 Web API Report Services。

2. 添加对Wijmo的引用。

3. 添加标记作为Wijmo控件的容器。

4. 通过JavaScript初始化Wijmo控件。

5. （可选）添加一些CSS以自定义报表查看器控件的外观。

C1 Web API Report Services使用C1FlexReport呈现和导出报表.

要从C1 Web API Report Services显示FlexReport的内容，请设置以下基本属性：

1. serviceUrl：C1 Web API 报表服务的URL。

2. filePath：服务器上FlexReport定义的报表文件的全路径。

3. reportName：在FlexReport定义文件中定义的报告名称。

运行效果如图所示：

SSRS报表

ReportViewer控件也可以显示SSRS报表。

C1 Web API Report Services使用C1SSRSDocumentSource以连接SSRS服务器并呈现SSRS报表。 它首先从SSRS服务器获取数据，然后转换为预期的格式（通常为HTML5 SVG）。

要从C1 Web API Report Services显示SSRS报表的内容，请设置以下基本属性：

1. serviceUrl: C1 Web API 报表服务的URL。

2. filePath: 服务器上SSRS报表的完整路径。

运行效果如图所示：

基本功能：

ReportViewer控件具有以下四个基本属性，允许您自定义其外观和行为：

• fullScreen: 指示查看器是否处于全屏模式。

• selectMouseMode: 指示在视图面板中使用鼠标单击和拖动是否选择文本。

• viewMode: 指示如何显示文档页面。

• zoomFactor: 指示当前显示文档页面的缩放系数。

报表名称

如果filePath和reportName属性被修改，ReportViewer将再次呈现报表。

查看演示和代码

请通过以下方式联系葡萄城，查看演示和代码，或免费试用：

微信：GrapeCityDT

邮件：marketing.xa@grapecity.com

官网：wijmo.gcpowertools.com.cn

关于葡萄城控件

葡萄城是一家跨国软件研发集团，专注控件领域近30年，是全球最大的控件提供商，也是微软认证的金牌合作伙伴。