天天看點

DevExpress XtraReports 入門二 建立 data-aware(資料感覺) 報表

本文隻是為了幫助初次接觸或是需要DevExpress XtraReports報表的人群使用的,為了幫助更多的人不會像我這樣浪費時間才寫的這篇文章,高手不想的看請路過

本文内容來DevExpress XtraReports幫助文檔,如看過類似的請略過。

廢話少說 開始正事

一、建立應用程式并添加報表

啟動 MS Visual Studio (2005、2008、或 2010)。

在 Visual Studio 2005 中建立一個 Windows 應用程式 (或在 Visual Studio 2008 中建立 Windows 窗體應用程式)。

添加新報表 到應用程式中。

二、建立資料對象并綁定到報表

在本例中,報表将被綁定到 Northwind 資料庫的 Categories 資料表中的資料 (nwind.mdb 檔案位于 DevExpress 示範程式 的安裝目錄中)。為了在設計時刻建立一個資料源并指派到報表,首先選中一個報表。

DevExpress XtraReports 入門二 建立 data-aware(資料感覺) 報表

打開 屬性 視窗 (例如通過按下 F4 鍵),在報表的 XtraReportBase.DataSource 屬性編輯器中,單擊 Add Project Data Source(添加項目資料源)... 連結。

DevExpress XtraReports 入門二 建立 data-aware(資料感覺) 報表

此時将出現一個允許選擇要綁定的資料源的對話框。 選中 資料庫(Database) 選項。 單擊 下一步(Next) 按鈕。

DevExpress XtraReports 入門二 建立 data-aware(資料感覺) 報表

在接下來的頁面中,指定 Northwind Traders 資料庫(nwind.mdb) 的路徑,然後單擊 下一步(Next) 按鈕。

DevExpress XtraReports 入門二 建立 data-aware(資料感覺) 報表

同樣,在後續的詢問是否把連接配接字元串儲存到配置檔案的頁面中,單擊 下一步(Next) 按鈕。

DevExpress XtraReports 入門二 建立 data-aware(資料感覺) 報表

下一個頁面允許選擇從資料庫中擷取哪些表。 選中 Categories 表,并且單擊 完成(Finish) 按鈕。

DevExpress XtraReports 入門二 建立 data-aware(資料感覺) 報表

在上述步驟完成之後,在報表的設計器中,下列 .NET 元件就可用了: nwindDataSet1 和 categoriesTableAdapter。 報表自動把 XtraReportBase.DataAdapter 和 XtraReportBase.DataSource 屬性指派到建立的資料對象。 注意,XtraReportBase.DataMember 屬性也自動被指派到 Categories。 在本例中,指定了資料表,報表應疊代此資料表以提供資料。

DevExpress XtraReports 入門二 建立 data-aware(資料感覺) 報表

        意思是報表被綁定到了資料。 接下來的步驟展示如何定制報表的布局,以及指定為報表控件提供資料的字段。

三、定制報表帶區

單擊報表設計器的左上角,以調用報表的 智能标記。 在智能标記的下拉清單中選擇 Edit and Reorder Bands(帶區編輯和重新排序)... 選項,以便于編輯報表帶區集合。

DevExpress XtraReports 入門二 建立 data-aware(資料感覺) 報表

在調用的 Report Editor(報表編輯器) 對話框中,移除 PageHeader 帶區 (本報表中不需要它),并且添加一個 ReportHeader 帶區。 注意, 也可以使用 Report Editor(報表編輯器) 對話框來修改任何其他帶區帶區的設定 (例如 PageFooter 帶區的高度)。

DevExpress XtraReports 入門二 建立 data-aware(資料感覺) 報表

 四、添加資料綁定控件

下列步驟展示了如何設計報表的布局。

首先,從工具箱中把一個 XRLabel 控件拖放到 ReportHeader 帶區 (如同在 課程 1 中操作的那樣),把它的 Text 設定為 Fall Catalog。

然後,建立兩個綁定到 CategoryName 和 Description 資料字段的标簽。 要這樣做,可以把所需要的資料字段從 Field List(字段清單) 樹中拖放到報表的 Detail 帶區。 在下面的插圖中,顯示了一個綁定到 Description 資料字段的 XRLabel 控件的建立。

DevExpress XtraReports 入門二 建立 data-aware(資料感覺) 報表

然後,使用滑鼠右鍵把 Picture 項 (在 Field List 樹中) 拖放到 Detail 帶區。 這時将會調用如下圖所示的上下文菜單。 從清單中選取 XRPictureBox 項,一個 XRPictureBox 控件(被綁定到 Picture 資料字段) 将被建立并添加到報表中。

DevExpress XtraReports 入門二 建立 data-aware(資料感覺) 報表

要修改圖檔框控件中的圖像的大小顯示模式,可以使用它的 XRPictureBox.Sizing 屬性。 例如,把此屬性值設定為 ZoomImage,則在控件内按比例調整圖像的大小 (無裁剪)。

DevExpress XtraReports 入門二 建立 data-aware(資料感覺) 報表

要把頁碼添加到每個報表頁的底部,則從工具箱中把 XRPageInfo 項從 DX.10.2: Report Controls 标簽頁拖放到 PageFooter 帶區。

DevExpress XtraReports 入門二 建立 data-aware(資料感覺) 報表

如果有必要的話,可以通過 XRPageInfo.Format 屬性來修改在報表中顯示的頁碼的格式。 例如,把此屬性值設定為 Page {0} of {1}。

DevExpress XtraReports 入門二 建立 data-aware(資料感覺) 報表

現在,您擁有了一個資料感覺報表。 在 報表資料總管 視窗中呈現了此報表的結構。 注意, 在“報表資料總管”樹中,以黃色的資料庫圖示标記已綁定的控件。

DevExpress XtraReports 入門二 建立 data-aware(資料感覺) 報表

五、檢視運作結果

       現在報表已經就緒。 切換到 Preview 标簽頁 并檢視結果

DevExpress XtraReports 入門二 建立 data-aware(資料感覺) 報表