GrapeCity ActiveReports for .NET 14.0J
レポートパーツを使用したレポートの作成
ActiveReportsユーザーガイド > 概念 > レポートパーツ > レポートパーツを使用したレポートの作成

本トピックでは、レポートパーツを使用してレポートを新規作成する実装方法について、年次売上報告書の作成を例に順を追って説明します。

メモ:

以下の手順を完了すると、次のようなレポートが作成されます。

デザイン時のレイアウト

実行時のレイアウト

Visual StudioにActiveReportsのプロジェクトを作成する

  1. Visual Studioで新しいプロジェクトを開きます([ファイル]メニューから[新規作成][プロジェクト]を選択)。
  2. [新しいプロジェクト]ダイアログが表示されます。[ActiveReports 14.0J RDLレポート アプリケーション]を選択し、[名前]フィールドでファイル名をrptReportPartsに変更します。
  3. [OK]をクリックするとActiveReports 14 RDLレポートアプリケーションが新規作成されます。デフォルトでRDLレポートがプロジェクトに追加されます。レポートレイアウトの追加については、「クイックスタート」を参照してください。

レポートのレイアウトを作成する

  1. [ソリューションエクスプローラー]RdlReport1.rdlxを選択します。
  2. [レポートライブラリ 14.0J]ウィンドウを開きます。レポートライブラリウィンドウを開く方法については「レポートライブラリの表示・非表示」を参照してください。
  3. [レポートライブラリ 14.0J]ウィンドウからレポートパーツを追加するには、[ライブラリ]ノードを右クリックして[追加]を選択します。
  4. [開く]ダイアログが表示されます。Samplesフォルダの階層を移動してSales Report.rdlxを選択します。Sales Report.rdlxのコントロールがレポートパーツとして[レポートライブラリ 14.0J]ウィンドウに追加されます。
  5. [レポートライブラリ 14.0J]ウィンドウからsalesOverTime Chartコントロールをデザイナ面へドラッグ&ドロップします。同レポートパーツがそのデータソース、データセット、パラメータとともにレポートに追加されます。
  6. [レポートライブラリ 14.0J]ウィンドウからImage1をデザイナ面へドラッグ&ドロップします。
  7. Visual Studioの[ツールボックス]からTableデータ領域をデザイナ面へドラッグ&ドロップします。
  8. ポインタをTextBox4上でホバーさせると、フィールド選択用アイコン(五本線の入ったアイコン)がセルの右上隅に表れます。これをクリックし、表示される利用可能なフィールドのリストから[SaleDate]フィールドを選択します。
  9. ポインタをTextBox5上でホバーさせると、フィールド選択用アイコンが表れます。これをクリックし、表示される利用可能なフィールドのリストからQuantity]フィールドを選択します。
  10. ポインタをTextBox6の上でホバーさせるとフィールド選択用アイコンが表れます。これをクリックし、表示される利用可能なフィールドのリストから[Profit]フィールドを選択します。
  11. Visual Studioの[ツールボックス]からTextboxコントロールをデザイナ面へドラッグ&ドロップします。
  12. ドロップしたTextboxを選択し、そのプロパティを[プロパティ]ウィンドウに表示します。Valueプロパティに「年次売上報告書(2004-2005)」と入力します。

レポートの外観性を高める

この時点でレポートをプレビューすると、各フィールドの値がTableデータ領域に表示されていることがわかります。ここではレポートの外観を調整してレイアウト性を高めていきます。

  1. デザイナ面上で、Imageコントロールを選択し、[プロパティ]ウィンドウへ移動して次のように設定します。
    プロパティ名 プロパティの値
    Location 0.095in, 0.156in
    Size 1.3in, 1.1in
  2. デザイナ面上で、TextBox10を選択し、[プロパティ]ウィンドウへ移動して次のように設定します。
    プロパティ名 プロパティの値
    Location 1.5in, 0.5in
    Size 4.3in, 0.3in
    BorderStyle Solid
    FontWeight Bold
    TextAlign Center
    FontSize 16pt
  3. デザイナ面上で、Chartコントロールを選択し、[プロパティ]ウィンドウへ移動して次のように設定します。
    プロパティ名 プロパティの値
    Location 0.1in, 1.3in
    Size 6in, 4.125in
  4. デザイナ面上で、Tableコントロールを選択し、[プロパティ]ウィンドウへ移動して次のように設定します。
    プロパティ名 プロパティの値
    Location 1.25in, 5.5in
    Size 4.125in, 1in
    RpeatHeaderOnNewPage True
  5. 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

レポートを表示する

あるいは