本文只是為了幫助初次接觸或是需要DevExpress XtraReports報表的人群使用的，為了幫助更多的人不會像我這樣浪費時間才寫的這篇文章，高手不想的看請路過本文內容來DevExpress XtraReports幫助文檔，如看過類似的請略過。

一、創建 Web 報表并綁定數據 

1. 啟動 MS Visual Studio (2005、2008、或 2010)。
2. 新建一個 ASP.NET Web 應用程序。
3. 添加新報表 到 Web 應用程序中。
4. 現在，需要把數據集添加到 Web 應用程序中。
       注意
         不可以使用 入門二 中那樣的方式把數據集添加到報表。 而是首先要人工把數據集添加到應用程序中，然后把它指派到報表的 XtraReportBase.DataSource 屬性。
   要這樣做，則在 項目 菜單中選擇 添加新項...，在調用的對話框中，選擇 DataSet，然后單擊 添加 按鈕。

   

5. 然后，在打開的數據集設計器中，把 Categories 數據表從服務器資源管理器面板中拖放到設計器的界面上。

   

   保存所作的更改，并退出數據集設計器。
6. 現在，切換到報表的設計器，單擊報表的智能標記。 在調用的操作列表中，把所創建的數據集指定為報表的 XtraReportBase.DataSource。

   

   在此步驟之后，兩個附加屬性被自動指定： XtraReportBase.DataMember 屬性值被設置為 Categories，XtraReportBase.DataAdapter 屬性值被設置為 categoriesTableAdapter。

   

7. 現在報表已經被綁定數據，通過把所需的字段從 Field List(字段列表) 中拖放到報表帶區，您可以調整報表的布局。對于本指南，我們復制在 入門二 中所創建的報表，它有下列布局。

   

   檢查所創建的報表布局是否滿足 導出為 HTML 的要求： 報表控件不能相互交叉。 否則，HTML 輸出結果會變得混亂。 如果 XtraReport.ShowExportWarnings 屬性被啟用(默認啟用)，那么交叉的控件被以紅色繪制。 因此，應該重新排列它們，如下圖所示。

   

 二、在網頁中顯示報表 

1. 切換到 Default.aspx 標簽頁，并且單擊頁面底部的 設計 按鈕，來查看此網頁的設計器。
2. 為了把報表嵌入到網頁中，我們展開 DX.10.2: Reporting 工具箱標簽頁，并且把 ReportViewer 控件拖放到網頁上。 為了提供報表的導航工具，也可以添加 ReportToolbar 控件。

   

   
       注意
         在 ReportToolbar 或 ReportViewer 控件被添加到 Web 應用程序中之后 (僅第一次)，應用程序的 Web.config 文件就被更改。 
3. 為了把 ReportToolbar1 和 ReportViewer1 控件鏈接在一起，需要把 ReportToolbar.ReportViewer 屬性設置為已有的 ReportViewer1 對象。

   

4. 為了指定即將通過 ReportViewer1 控件呈現的報表對象，需要把它的 ReportViewer.Report 屬性設置為 XtraReport1。

   

三、 查看運行結果 

現在 Web 報表已經就緒。 運行此應用程序，并在系統的默認網頁瀏覽器中查看所創建的 ASP.NET 頁面。 如果 Default.aspx 頁面沒有被指定為項目的啟動頁面，那么請在 解決方案資源管理器 中使用鼠標右鍵單擊此頁面，并選擇 設為起始頁 菜單項，然后再次運行。