FlexReport for WPF
クイックスタート

このクイックスタートガイドでは、FlexReport for WPFのいくつかの機能について詳しく説明します。このセクションでは、レポート定義を作成し、レポートをFlexViewerコントロールロードし、レポートをレンダリングする方法を示します。

FlexReportDesignerアプリケーションまたはコードを使用してレポート定義を作成します。レポート定義を作成する最も簡単な方法は、FlexReport に付属しているスタンドアロンのC1FlexReportDesignerデスクトップアプリケーションを使用することです。

C1FlexReportDesigner.4.exe（64ビットシステムの場合、64ビットモード、また32ビットシステムの場合、32ビットモードで実行します）とC1FlexReportDesigner32.4.exe（常に32ビットモードで実行します）はお使いのコンピュータ上の「C:￥Program Files (x86)￥ComponentOne￥Apps￥v4」フォルダに置かれています。

FlexReport for WPFを使用して簡単なWPFアプリケーションを作成するには、次の手順に従います。

  1. 手順 1：レポート定義の作成
  2. 手順 2：レポートのロード
  3. 手順 3：レポートのレンダリング

手順 1：レポート定義の作成

FlexReport ウィザードを使用して、FlexReportDesignerアプリケーションで新しいレポート定義を作成します。 レポート定義を作成するには、次の手順を実行します。

  1. 32 ビット版のレポートデザイナーアプリC1FlexReportDesigner32.4.exeを実行します（ここでは、通常は32ビットのMS Jet OLE DBドライバーを使用できますので、32ビット版を実行しています）。ファイルメニューから新規を選択します。
  2. デザイナーの左端にある「レポート」タブの「新規レポート」ドロップダウンをクリックし、[レポートウィザード]を選択します。
  3. データプロバイダドロップダウンメニューからOLEDBデータプロバイダを選択し、接続文字列のテキストボックスの横にある省略符（...）ボタンをクリックして、プロバイダタブ内のMicrosoft Jet 4.0 OLE DBプロバイダと接続タブ内のC1Nwind.mdbデータベースを選択します。
    C1Nwind.mdbデータベースは、ドキュメント￥ComponentOne Samples￥Commonフォルダに見つけることができます。
  4. 「データソース」タブからテーブルを選択し、「次へ」をクリックします。この例では、「Products」テーブルを選択しています。
  5. レポートをデータソースに接続した後、レポートのフィールド、レイアウト、およびスタイルを選択します。レポートに適切なタイトルを付けて、「完了」をクリックします。
先頭に戻る

手順 2：レポートのロード

ファイルからレポート定義をロードするには、次の手順を実行します。

  1. Visual Studioで新しいWPFアプリケーションを作成します。
  2. XAML デザインに Button コントロールと C1FlexViewer コントロールを追加します。 C1FlexViewerコントロールの名前をViewerに設定します。
  3. 「手順 1：レポート定義の作成」でデザイナを使用してプロジェクトに作成したレポート定義ファイルを追加します。 ここでは、というProducts Report という名前のレポートを使用しています。
  4. アプリケーションにC1.WPF.FlexReport.4.dllへの参照を追加します。
  5. コードに次の名前空間を追加します。
    • C1.WPF.FlexReport
  6. コードビューでは、Button_Clickイベント内に次のコードを追加して、レポートをロードします。 
    Dim rep As New C1FlexReport()
'レポート定義をロードします
rep.Load("..\..\Products Report.flxr", "Products Report")

    C1FlexReport rep = new C1FlexReport();
//レポート定義をロードします
rep.Load(@"..\..\Products Report.flxr", "Products Report");
先頭に戻る

手順 3：レポートのレンダリング

レポート定義を作成してC1FlexReport にロードしたら、レポートをC1FlexViewer コントロールにレンダリングできます。 レポートをレンダリングするには、コードビューでButton_Clickイベントに次のコードを追加します。

'レポートをプレビューします
Viewer.DocumentSource = rep

//レポートをプレビューします
Viewer.DocumentSource = rep;

FlexViewer にレンダリングされて表示されたレポートを次に示します。

先頭に戻る

 

 

Copyright © GrapeCity, Inc. All rights reserved.