各製品の資料を入手。
詳細はこちら →
au PAY Market のデータをDevExpress Data Grid にデータバインドする。
au PAY Market 用の CData ADO.NET プロバイダーをDevExpress Windows Forms とWeb コントロールとともに使用し、au PAY Market をチャートに入力します。
最終更新日：2022-01-31
この記事で実現できるau PAY Market 連携のシナリオ
こんにちは！ウェブ担当の加藤です。マーケ関連のデータ分析や整備もやっています。
au PAY Market 用の CData ADO.NET プロバイダーはサードパーティーコントロールで使うことのできる通常のADO.NET データベースアクセスコンポーネントを実装しています。データバインドするための通常のADO.NET プロセスに従うことで、UI コントロールから実データへの双方向アクセスを可能にします。 この記事では、CData を使ってDevExpress Windows Forms とウェブコントロールにデータバインドする方法を説明します。ここでは、最新のデータを表示するチャートにデータバインドします。
au PAY マーケットに接続するには、ShopId およびApiKey が必要です。
au PAY マーケットへのアクセスの設定
ShopId およびApiKey を取得するには、以下の手順に従ってください。
- Wow! manager サイトにログインして、「各種お申し込み」メニューの「API利用申請」に移動します。
- API利用規約に同意します。
- 「APIキーの発行はこちら」をクリックします。
- 「発行」ボタンをクリックして、API キーを生成します。
- 「接続元IPアドレスを登録」に、対象とするIP アドレスを入力します。
- 「登録」ボタンをクリックして、設定を保存します。
au PAY マーケットアカウントの認証
次の接続プロパティを設定して接続します。
- ShopId：接続先のau PAY マーケットShop ID を設定。
- ApiKey：API キーを設定。au PAY マーケットストアアカウントから取得したAPI キーです。
- UseSandbox：Sandbox 環境に接続する場合はTrue を設定。
Windows Forms コントロール
下のコードでは、au PAY Market でDevExpress のチャートに追加する方法を説明します。auPAYMarketDataAdapter はチャートコントロールのSeries プロパティにバインドします。コントロールのDiagram プロパティはx 軸とy 軸をカラム名として定義します。
using (auPAYMarketConnection connection = new auPAYMarketConnection(
"ApiKey=MyApiKey;ShopId=MyShopId")) {
auPAYMarketDataAdapter dataAdapter = new auPAYMarketDataAdapter(
"SELECT ItemCode, Price FROM Items", connection);
DataTable table = new DataTable();
dataAdapter.Fill(table);
DevExpress.XtraCharts.Series series = new DevExpress.XtraCharts.Series();
chartControl1.Series.Add(series);
DataTable table = new DataTable();
series.ValueDataMembers.AddRange(new string[] { "Price" });
series.ArgumentScaleType = DevExpress.XtraCharts.ScaleType.Qualitative;
series.ArgumentDataMember = "ItemCode";
series.ValueScaleType = DevExpress.XtraCharts.ScaleType.Numerical;
chartControl1.Legend.Visibility = DevExpress.Utils.DefaultBoolean.False;
((DevExpress.XtraCharts.SideBySideBarSeriesView)series.View).ColorEach = true;
}
Web コントロール
下のコードではau PAY Market でDevExpress Web を操作するための設定方法を説明します。auPAYMarketDataAdapter はチャートのSeries プロパティにバインドします。Diagram プロパティはx 軸とy 軸をカラム名として定義します。
using DevExpress.XtraCharts;
using (auPAYMarketConnection connection = new auPAYMarketConnection(
"ApiKey=MyApiKey;ShopId=MyShopId"))
{
auPAYMarketDataAdapter auPAYMarketDataAdapter1 = new auPAYMarketDataAdapter("SELECT ItemCode, Price FROM Items", connection);
DataTable table = new DataTable();
auPAYMarketDataAdapter1.Fill(table);
DevExpress.XtraCharts.Series series = new Series("Series1", ViewType.Bar);
WebChartControl1.Series.Add(series);
DataTable table = new DataTable();
series.ValueDataMembers.AddRange(new string[] { "Price" });
series.ArgumentScaleType = ScaleType.Qualitative;
series.ArgumentDataMember = "ItemCode";
series.ValueScaleType = ScaleType.Numerical;
((DevExpress.XtraCharts.SideBySideBarSeriesView)series.View).ColorEach = true;
}
関連コンテンツ
