製品をチェック

API Driver のダウンロード

30日間無償トライアルへ

プロファイルのダウンロード

STORES 予約 プロファイル

STORES 予約 データをDevExpress Data Grid にデータバインドする。

STORES 予約 用の CData ADO.NET プロバイダーをDevExpress Windows Forms とWeb コントロールとともに使用し、STORES 予約 をチャートに入力します。

加藤龍彦
デジタルマーケティング

最終更新日:2022-01-31
storesreserve ロゴ

CData

ado ロゴ画像
DevExpress ロゴ

こんにちは!ウェブ担当の加藤です。マーケ関連のデータ分析や整備もやっています。

STORES 予約 用の CData ADO.NET プロバイダーはサードパーティーコントロールで使うことのできる通常のADO.NET データベースアクセスコンポーネントを実装しています。データバインドするための通常のADO.NET プロセスに従うことで、UI コントロールから実データへの双方向アクセスを可能にします。 この記事では、CData を使ってDevExpress Windows Forms とウェブコントロールにデータバインドする方法を説明します。ここでは、最新のデータを表示するチャートにデータバインドします。

STORES 予約に接続するには、STORES 予約 API トークンが必要です。API トークンを取得したら、ProfileSettings API Key 接続プロパティに設定してください。例:APIKey='12345abc-7777-1abc2-2bnm-abcdefg12345'

次に、プロファイルをダウンロードしてドライバーがアクセス可能な場所に配置します。こちらからプロファイルをダウンロードして、「C:/profiles/」 などに設置してください。

Windows Forms コントロール

下のコードでは、STORES 予約 でDevExpress のチャートに追加する方法を説明します。APIDataAdapter はチャートコントロールのSeries プロパティにバインドします。コントロールのDiagram プロパティはx 軸とy 軸をカラム名として定義します。

using (APIConnection connection = new APIConnection( "Profile=C:\profiles\STORESReserve.apip;ProfileSettings='APIKey=your_api_token;'")) { APIDataAdapter dataAdapter = new APIDataAdapter( "SELECT BookingServiceName, CustomerEmail FROM Reservations", 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[] { "CustomerEmail" }); series.ArgumentScaleType = DevExpress.XtraCharts.ScaleType.Qualitative; series.ArgumentDataMember = "BookingServiceName"; series.ValueScaleType = DevExpress.XtraCharts.ScaleType.Numerical; chartControl1.Legend.Visibility = DevExpress.Utils.DefaultBoolean.False; ((DevExpress.XtraCharts.SideBySideBarSeriesView)series.View).ColorEach = true; } The complete code example and the resulting chart.

Web コントロール

下のコードではSTORES 予約 でDevExpress Web を操作するための設定方法を説明します。APIDataAdapter はチャートのSeries プロパティにバインドします。Diagram プロパティはx 軸とy 軸をカラム名として定義します。 using DevExpress.XtraCharts; using (APIConnection connection = new APIConnection( "Profile=C:\profiles\STORESReserve.apip;ProfileSettings='APIKey=your_api_token;'")) { APIDataAdapter APIDataAdapter1 = new APIDataAdapter("SELECT BookingServiceName, CustomerEmail FROM Reservations", connection); DataTable table = new DataTable(); APIDataAdapter1.Fill(table); DevExpress.XtraCharts.Series series = new Series("Series1", ViewType.Bar); WebChartControl1.Series.Add(series); DataTable table = new DataTable(); series.ValueDataMembers.AddRange(new string[] { "CustomerEmail" }); series.ArgumentScaleType = ScaleType.Qualitative; series.ArgumentDataMember = "BookingServiceName"; series.ValueScaleType = ScaleType.Numerical; ((DevExpress.XtraCharts.SideBySideBarSeriesView)series.View).ColorEach = true; } An ASP.NET application created with the ADO.NET Provider and the DevExpress Web Forms control.(Salesforce is shown.)

関連コンテンツ

トライアル・お問い合わせ

30日間無償トライアルで、CData のリアルタイムデータ連携をフルにお試しいただけます。記事や製品についてのご質問があればお気軽にお問い合わせください。