テンプレートを使用したクイックスタート

テーブル形式のレポートでは、データをTableデータ領域の行と列で表示します。表示するデータは、レポートに追加されたデータセットから取得されます。

このチュートリアルでは、ActiveReportsで用意したWebデザイナのプロジェクトテンプレートを元にテーブル形式のレポートを作成する手順を紹介します。一般的なVisualStudioのプロジェクトテンプレートを使用する場合は「ASP.NET Core のミドルウェア」を参照してください。

このチュートリアルを完了すると、次のようなレポートが作成されます。

An Example for Tabular Report

［ユーザーフォルダ］\WebSamples\WebDesigner_MVCに格納されたWebDesigner_MVCサンプルを実行します。

Webデザイナがブラウザで開かれ、レポートのデザインが可能になります。デフォルトでは、空白のRDLレポートが表示されます。

データソースを追加する
1. データタブを開き、［データソース］の横の［+ 追加］アイコンをクリックします。
2. ［データソースエディタ］ダイアログで、［名前］に「Customers」と入力します。
3. ［種類］のドロップダウンリストを開き、「JSON Provider」を選択します。
4. ［JSONデータ形式］で「外部ファイルまたはURL」を選択します。
5. ［ファイル／URLの入力］に「https://demodata-jp.grapecity.com/northwind/api/v1/Customers」と入力します。
6. ［テスト接続］をクリックしてデータソースへの接続をテストし、［追加］をクリックします。
データセットを追加する
1. 追加したデータソースの横にある［データセットの編集］をクリックします。
2. ［データセットの編集］ダイアログで、データセットの名前を入力し、 ［クエリ］に「$.[*]」と入力します。
3. ［検証］をクリックしてバウンドフィールドを取得し、［OK］をクリックしてデータセットを追加します。

Create Table data region

列がフィールドにバインドされたテーブルが作成されます。詳細行のラベルは自動的にヘッダ行に追加されます。

または、最初にTableデータ領域をデザイナ面上にドラッグ＆ドロップし、選択したフィールドを詳細行にドラッグ＆ドロップすることもできます。

テーブルデータの任意のフィールドを昇順または降順に並べ替えることができます。ここでは、［customerId］フィールドのデータを降順に並べ替えます。

テーブルのいずれかのセルを選択し、右側に表示されるボックスから［詳細グループ］を選択します。［プロパティ］タブより、［データ］セクションの［並べ替えの式］プロパティを表示します。
［項目の表示］をクリックし、［+ 項目の追加］を選択します。
表示されるボックスの右側にあるボタンをクリックしてフィールドのリストを表示し、［customerId］フィールドを選択します。

メモ: ［式エディタ: データ - 並べ替えの式］ダイアログで、［式...］を選択して並べ替えの式を入力することもできます。
追加された式の横に表示されている［降順］をクリックして、［customerId］フィールドを降順に切り替えます。［昇順］をクリックすると、並べ替えの順序を昇順に変更することができます。