Klaviyo のデータをDevExpress Data Grid にデータバインドする。

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

Klaviyo に認証するには、API キーを取得します。API キーは「My Account」から生成・確認できます。

1. 「Settings」>「API Keys」に移動します。
2. 「Create API Key」をクリックします。
3. API キーに名前を付け、必要なスコープを選択します。

CData 製品から接続するには、API Key に取得した Klaviyo API キーを設定してください。

OAuth 認証を使用する場合は、ヘルプドキュメントをご参照ください。

Windows Forms コントロール

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

using (KlaviyoConnection connection = new KlaviyoConnection(
"APIKey=my_api_key;")) {
  KlaviyoDataAdapter dataAdapter = new KlaviyoDataAdapter(
  "SELECT Id, Name FROM Campaigns WHERE Status = 'draft'", 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[] { "Name" });
  series.ArgumentScaleType = DevExpress.XtraCharts.ScaleType.Qualitative;
  series.ArgumentDataMember = "Id";
  series.ValueScaleType = DevExpress.XtraCharts.ScaleType.Numerical;
  chartControl1.Legend.Visibility = DevExpress.Utils.DefaultBoolean.False;
  ((DevExpress.XtraCharts.SideBySideBarSeriesView)series.View).ColorEach = true;
}

Web コントロール

下のコードではKlaviyo でDevExpress Web を操作するための設定方法を説明します。KlaviyoDataAdapter はチャートのSeries プロパティにバインドします。Diagram プロパティはx 軸とy 軸をカラム名として定義します。

using DevExpress.XtraCharts;

using (KlaviyoConnection connection = new KlaviyoConnection(
"APIKey=my_api_key;"))
{
  KlaviyoDataAdapter KlaviyoDataAdapter1 = new KlaviyoDataAdapter("SELECT Id, Name FROM Campaigns WHERE Status = 'draft'", connection);
  DataTable table = new DataTable();
  KlaviyoDataAdapter1.Fill(table);
  DevExpress.XtraCharts.Series series = new Series("Series1", ViewType.Bar);
  WebChartControl1.Series.Add(series);
  DataTable table = new DataTable();
  series.ValueDataMembers.AddRange(new string[] { "Name" });
  series.ArgumentScaleType = ScaleType.Qualitative;
  series.ArgumentDataMember = "Id";
  series.ValueScaleType = ScaleType.Numerical;
  ((DevExpress.XtraCharts.SideBySideBarSeriesView)series.View).ColorEach = true;
}