Telerik Reporting 在ASP.NET中的应用

客官°小女子只卖身不卖艺 2021-11-22 22:36 356阅读 0赞

今天学习了Telerik Reporting控件的使用。由于之前都没接触过，刚开始学习起来一头雾水，感觉非常的困难。但是实际通过查资料，一步步尝试后发现其实也没有想象中的那么头疼。在经过3个小时的研究后我做出了一个报表，现将这个过程作一个总结。

其实Telerik Reporting是一个非常人性化的控件，一个报表的生成几乎不用写代码，都是通过"所见即所得"模式完成。由于客户需要在实际的项目中运用Telerik Reporting控件，故需要把报表显示到页面上。起步骤如下：

**一、安装Telerik Reporting控件**

在官网[http://www.telerik.com/products/reporting.aspx][http_www.telerik.com_products_reporting.aspx]下载Telerik Reporting在线安装包。安装时最好关闭Visual Studio(不关不知道会不会出现问题，以防万一最好关闭)。安装是只需要勾选"Reporting"选项即可。下载大概60M，等待自动安装完成。

**二、新建报表**

安装完成后，在Visual Studio菜单栏上会显示"Telerik"选项，但是暂时还没有可操作的子菜单。如下图：

![SouthEast][]

在项目中添加"新建项"，搜索"reporting"找到刚刚安装的reporting控件，修改自己需要的文件名。如下图：

![SouthEast 1][]

弹出向导：向导的作用是绑定数据源。

![SouthEast 2][]

同时可以看到reporting的编辑界面，由3个文件组成：

![SouthEast 3][]

**三、绑定数据**

接着上面的向导界面设置数据源。如果向导界面被关闭，可以在"Telerik"界面中打开，如下图所示：

![SouthEast 4][]

点击NEXT 设置如下：

![SouthEast 5][]

![SouthEast 6][]

选择你现在已有的数据源，因为我的项目中用的是EF，用SQL Service的可以自己照着想要的选项选择，这里就不多赘述。

![SouthEast 7][]

![SouthEast 8][]

然后选择项目中的EF Model，名字和你项目中的 TracTerraModel.edmx 一致(如果不行的话就试下另外的一个)。如下：

![SouthEast 9][]

选择一个你要显示的表（其实个人觉得这里点哪个都无所谓，但是不点的话不然下一步，就随便点一个表吧），点NEXT，如图：

![SouthEast 10][]

接着，

![SouthEast 11][]

选择你要在报表中要显示的列到相应的区域，一直点NEXT,报表就生成成功了。如下图：

![SouthEast 12][]

![SouthEast 13][]

![SouthEast 14][]

![SouthEast 15][]

点中间的preview文件即可看到数据已经绑定成功。

![SouthEast 16][]

**三、把report显示到页面**

**1.先从工具箱中拖ReportViewer控件到页面的设计视图上：**

![SouthEast 17][]

**2.在web.config里面配置如下信息：**

**system.web中：**

<system.web>

…

…

</httpHandlers>

</system.web>

**system.webServer中：**

<system.webServer>

…

…

…

</handlers>

…

</system.webServer>

**3.在需要显示的页面后台中调用这个report，代码如下：**

![SouthEast 18][]

其中红色部分为创建的Report对象。

**到此为止，所有的工作都做完，运行程序，打开页面即可看到报表了。**

[http_www.telerik.com_products_reporting.aspx]: http://www.telerik.com/products/reporting.aspx
[SouthEast]: /images/20211122/1b4aed5290c6425c8bb591d96c77b6b3.png
[SouthEast 1]: /images/20211122/61a5aa67d8a84dbd889fdb7d0291fbbc.png
[SouthEast 2]: /images/20211122/dc9e4805d0a44fa0b1157b3077b08f8a.png
[SouthEast 3]: /images/20211122/d1b8d891d077402daa4ac03bf7590e5b.png
[SouthEast 4]: /images/20211122/bc41611c19f44b0da7aad4f935bbcc2e.png
[SouthEast 5]: /images/20211122/fc87d87e4ae74ba89daf5fe6f8e53ea7.png
[SouthEast 6]: /images/20211122/27b947b553ee4601a0ec3a19f57be86d.png
[SouthEast 7]: /images/20211122/474221934703492d8f1a5ecdeb459dc3.png
[SouthEast 8]: /images/20211122/a68e056b63b14ad89ca49de17414d33d.png
[SouthEast 9]: /images/20211122/093ea56ca7bd48929a7b78923da7281d.png
[SouthEast 10]: /images/20211122/ae52e398baed4ad6bd35d1b568d62dcc.png
[SouthEast 11]: /images/20211122/8c94a67d3a144d9796de939deafb665d.png
[SouthEast 12]: /images/20211122/f0757d6a585d4ce19acd5e1412a7a4b1.png
[SouthEast 13]: /images/20211122/3d89208fc26c4576ac28687bc5e64a26.png
[SouthEast 14]: /images/20211122/9e64cd6cac34463fbd5ac128522baa7e.png
[SouthEast 15]: /images/20211122/5ed0ce3902214a61af7d10b282a56961.png
[SouthEast 16]: /images/20211122/f7b8ce395c274d9d95b2ead35cb3c23c.png
[SouthEast 17]: /images/20211122/bf8af8c6eb0945ba987f679274a900a6.png
[SouthEast 18]: /images/20211122/670425a634b046c4891ecb4f25ab7a84.png