本トピックでは、レポートパーツを使用してレポートを新規作成する実装方法について、年次売上報告書の作成を例に順を追って説明します。
メモ:
- 本トピックでは、SalesReport.rdlxレポートファイルを使用します。SalesReport.rdlxファイルはデフォルトで以下の場所に配置されています。<User folder>\Samples\Desktop\ReportsGallery\Reports\Page Report\Other\SalesReport.rdlx
- 本トピックでは、例としてRDLレポートを使用していますが、レポートパーツはページレポート、セクションレポートへの実装も可能です。
以下の手順を完了すると、次のようなレポートが作成されます。
デザイン時のレイアウト
実行時のレイアウト
Visual StudioにActiveReportsのプロジェクトを作成する
- Visual Studioで新しいプロジェクトを開きます([ファイル]メニューから[新規作成]、[プロジェクト]を選択)。
- [新しいプロジェクト]ダイアログが表示されます。[ActiveReports 16.0J RDLレポート アプリケーション]を選択し、[名前]フィールドでファイル名をrptReportPartsに変更します。
- [OK]をクリックするとActiveReports 16 RDLレポートアプリケーションが新規作成されます。デフォルトでRDLレポートがプロジェクトに追加されます。レポートレイアウトの追加については、「クイックスタート」を参照してください。
レポートのレイアウトを作成する
- [ソリューションエクスプローラー]でRdlReport1.rdlxを選択します。
- [レポートライブラリ 16.0J]ウィンドウを開きます。レポートライブラリウィンドウを開く方法については「レポートライブラリの表示・非表示」を参照してください。
- [レポートライブラリ 16.0J]ウィンドウからレポートパーツを追加するには、[ライブラリ]ノードを右クリックして[追加]を選択します。
- [開く]ダイアログが表示されます。Samplesフォルダの階層を移動してSales Report.rdlxを選択します。Sales Report.rdlxのコントロールがレポートパーツとして[レポートライブラリ 16.0J]ウィンドウに追加されます。
- [レポートライブラリ 16.0J]ウィンドウからsalesOverTime Chartコントロールをデザイナ面へドラッグ&ドロップします。同レポートパーツがそのデータソース、データセット、パラメータとともにレポートに追加されます。
- [レポートライブラリ 16.0J]ウィンドウからImage1をデザイナ面へドラッグ&ドロップします。
- Visual Studioの[ツールボックス]からTableデータ領域をデザイナ面へドラッグ&ドロップします。
- ポインタをTextBox4上でホバーさせると、フィールド選択用アイコン(五本線の入ったアイコン)がセルの右上隅に表れます。これをクリックし、表示される利用可能なフィールドのリストから[SaleDate]フィールドを選択します。
- ポインタをTextBox5上でホバーさせると、フィールド選択用アイコンが表れます。これをクリックし、表示される利用可能なフィールドのリストから[Quantity]フィールドを選択します。
- ポインタをTextBox6の上でホバーさせるとフィールド選択用アイコンが表れます。これをクリックし、表示される利用可能なフィールドのリストから[Profit]フィールドを選択します。
- Visual Studioの[ツールボックス]からTextboxコントロールをデザイナ面へドラッグ&ドロップします。
- ドロップしたTextboxを選択し、そのプロパティを[プロパティ]ウィンドウに表示します。Valueプロパティに「年次売上報告書(2004-2005)」と入力します。
レポートの外観性を高める
この時点でレポートをプレビューすると、各フィールドの値がTableデータ領域に表示されていることがわかります。ここではレポートの外観を調整してレイアウト性を高めていきます。
- デザイナ面上で、Imageコントロールを選択し、[プロパティ]ウィンドウへ移動して次のように設定します。
プロパティ名 |
プロパティの値 |
Location |
0.095in, 0.156in |
Size |
1.3in, 1.1in |
- デザイナ面上で、TextBox10を選択し、[プロパティ]ウィンドウへ移動して次のように設定します。
プロパティ名 |
プロパティの値 |
Location |
1.5in, 0.5in |
Size |
4.3in, 0.3in |
BorderStyle |
Solid |
FontWeight |
Bold |
TextAlign |
Center |
FontSize |
16pt |
- デザイナ面上で、Chartコントロールを選択し、[プロパティ]ウィンドウへ移動して次のように設定します。
プロパティ名 |
プロパティの値 |
Location |
0.1in, 1.3in |
Size |
6in, 4.125in |
- デザイナ面上で、Tableコントロールを選択し、[プロパティ]ウィンドウへ移動して次のように設定します。
プロパティ名 |
プロパティの値 |
Location |
1.25in, 5.5in |
Size |
4.125in, 1in |
RpeatHeaderOnNewPage |
True |
- Tableデータ領域で、以下の各フィールドを含むテキストボックスを選択し、[プロパティ]ウィンドウへ移動して次のように設定します。
セル |
プロパティ名 |
プロパティの値 |
TextBox1 |
BackgroundColor |
LightCyan |
BorderStyle |
Solid |
FontWeight |
Bold |
TextAlign |
Center |
Value |
売上日 |
TextBox2 |
BackgroundColor |
LightCyan |
BorderStyle |
Solid |
FontWeight |
Bold |
TextAlign |
Center |
Value |
数量 |
TextBox3 |
BackgroundColor |
LightCyan |
BorderStyle |
Solid |
FontWeight |
Bold |
TextAlign |
Center |
Value |
利益 |
TextBox4 |
BorderStyle |
Solid |
TextAlign |
Center |
Value |
=[SaleDate] |
TextBox5 |
BorderStyle |
Solid |
TextAlign |
Center |
Value |
=[Quantity] |
TextBox6 |
BorderStyle |
Solid |
TextAlign |
Center |
Value |
=[Profit] |
Fromat |
currency |
レポートを表示する
- デザイン時に[プレビュー]タブをクリックしてレポートを表示します。
あるいは