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

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

Adobe Experience Manager（AEM）の WebDAV 経由で JCR リポジトリを公開するインスタンスに接続します。オンプレミスの AEM と AEM as a Cloud Service の両方のデプロイメントに対応しています。

接続するには、以下のプロパティを設定してください。

• URL: WebDAV 対応の JCR サーバー URL。
  • AEM as a Cloud Service: https://author-pXXXXX-eXXXXX.adobeaemcloud.com/crx/server
  • ローカル開発: http://localhost:4502/crx/server
• User: AEM のユーザー名。
• Password: AEM のパスワード。

注意: テーブルは JCR リポジトリの構造に基づいて動的に生成されます。設定したユーザーが AEM リポジトリ内の必要なコンテンツパスにアクセスするための十分な権限を持っていることを確認してください。

Windows Forms コントロール

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

using (AdobeExperienceManagerConnection connection = new AdobeExperienceManagerConnection(
"URL=https://author-p12345-e67890.adobeaemcloud.com/crx/server;User=admin;Password=admin;")) {
  AdobeExperienceManagerDataAdapter dataAdapter = new AdobeExperienceManagerDataAdapter(
  "SELECT Id, Name FROM Content WHERE Name = 'example'", 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 コントロール

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

using DevExpress.XtraCharts;

using (AdobeExperienceManagerConnection connection = new AdobeExperienceManagerConnection(
"URL=https://author-p12345-e67890.adobeaemcloud.com/crx/server;User=admin;Password=admin;"))
{
  AdobeExperienceManagerDataAdapter AdobeExperienceManagerDataAdapter1 = new AdobeExperienceManagerDataAdapter("SELECT Id, Name FROM Content WHERE Name = 'example'", connection);
  DataTable table = new DataTable();
  AdobeExperienceManagerDataAdapter1.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;
}