1. 程式人生 > >telerik reporting報表

telerik reporting報表

lan 所有 forms avi fig strong 報表 pat cts

Telerik Reporting是一個非常人性化的控件,一個報表的生成幾乎不用寫代碼,都是通過"所見即所得"模式完成。由於客戶需要在實際的項目中運用Telerik Reporting控件,故需要把報表顯示到頁面上。起步驟如下:

一、安裝Telerik Reporting控件

在官網http://www.telerik.com/products/reporting.aspx下載Telerik Reporting在線安裝包。安裝時最好關閉Visual Studio(不關不知道會不會出現問題,以防萬一最好關閉)。安裝是只需要勾選"Reporting"選項即可。下載大概60M,等待自動安裝完成。

二、新建報表

安裝完成後,在Visual Studio菜單欄上會顯示"Telerik"選項,但是暫時還沒有可操作的子菜單。如下圖:

技術分享

在項目中添加"新建項",搜索"reporting"找到剛剛安裝的reporting控件,修改自己需要的文件名。如下圖:

技術分享

彈出向導:向導的作用是綁定數據源。

技術分享

同時可以看到reporting的編輯界面,由3個文件組成:

技術分享

三、綁定數據

接著上面的向導界面設置數據源。如果向導界面被關閉,可以在"Telerik"界面中打開,如下圖所示:

技術分享

點擊NEXT 設置如下:

技術分享

技術分享

選擇你現在已有的數據源,因為我的項目中用的是EF,用SQL Service的可以自己照著想要的選項選擇,這裏就不多贅述。

技術分享

技術分享

然後選擇項目中的EF Model,名字和你項目中的 TracTerraModel.edmx 一致(如果不行的話就試下另外的一個)。如下:

技術分享

選擇一個你要顯示的表(其實個人覺得這裏點哪個都無所謂,但是不點的話不然下一步,就隨便點一個表吧),點NEXT,如圖:

技術分享

接著,

技術分享

選擇你要在報表中要顯示的列到相應的區域,一直點NEXT,報表就生成成功了。如下圖:

技術分享

技術分享

技術分享

技術分享

點中間的preview文件即可看到數據已經綁定成功。

技術分享

三、把report顯示到頁面

1.先從工具箱中拖ReportViewer控件到頁面的設計視圖上:

技術分享

2.在web.config裏面配置如下信息:

system.web中:

<system.web>

<httpHandlers>

<add verb="*" path="Telerik.ReportViewer.axd" type = "Telerik.ReportViewer.WebForms.HttpHandler, Telerik.ReportViewer.WebForms, Version=7.1.13.612, Culture=neutral, PublicKeyToken=a9d7983dfcc261be" />

</httpHandlers>

</system.web>

system.webServer中:

<system.webServer>

<validation validateIntegratedModeConfiguration="false"/>

<handlers>

<add name="Telerik.ReportViewer.axd_*" path="Telerik.ReportViewer.axd" verb="*" type="Telerik.ReportViewer.WebForms.HttpHandler, Telerik.ReportViewer.WebForms, Version=x.x.x.x, Culture=neutral, PublicKeyToken=a9d7983dfcc261be" preCondition="integratedMode"/>

</handlers>

</system.webServer>

3.在需要顯示的頁面後臺中調用這個report,代碼如下:

技術分享

其中紅色部分為創建的Report對象。

到此為止,所有的工作都做完,運行程序,打開頁面即可看到報表了。

telerik reporting報表