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

加藤龍彦
加藤龍彦
デジタルマーケティング
SAP Fieldglass 用の CData ADO.NET プロバイダーをDevExpress Windows Forms とWeb コントロールとともに使用し、SAP Fieldglass をチャートに入力します。

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

資格情報の取得

SAP Fieldglass の担当者に問い合わせ、OAuthClientIdOAuthClientSecretEnvironmentURL を入手してください。

SAP Fieldglass への接続

運用環境への認証を行うには、以下のように指定します。

  • APIKey:SAP Fieldglass API キー。これはオプションですが、API キーが必要であることを示すSAP Fieldglass からのエラーが発生した場合は、SAP Fieldglass 管理者に依頼するか、SAP Fieldglass Integration Tools にログインしてCreate API Application をクリックします。
  • OAuthClientId:SAP Fieldglass 担当者から取得したOAuth Client ID。
  • OAuthClientSecret:SAP Fieldglass 担当者から取得したOAuth Client Secret。
  • EnvironmentURL:SAP Fieldglass 担当者から取得したSAP Fieldglass Environment URL。

Windows Forms コントロール

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

using (SAPFieldglassConnection connection = new SAPFieldglassConnection(
"EnvironmentURL='https://myinstance.com';Username=myuser;Password=mypassword;APIKey=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx;")) {
  SAPFieldglassDataAdapter dataAdapter = new SAPFieldglassDataAdapter(
  "SELECT Id, Category FROM AuditTrails WHERE Company = 'CData'", 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[] { "Category" });
  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;
}
The complete code example and the resulting chart.

Web コントロール

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

using DevExpress.XtraCharts;

using (SAPFieldglassConnection connection = new SAPFieldglassConnection(
"EnvironmentURL='https://myinstance.com';Username=myuser;Password=mypassword;APIKey=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx;"))
{
  SAPFieldglassDataAdapter SAPFieldglassDataAdapter1 = new SAPFieldglassDataAdapter("SELECT Id, Category FROM AuditTrails WHERE Company = 'CData'", connection);
  DataTable table = new DataTable();
  SAPFieldglassDataAdapter1.Fill(table);
  DevExpress.XtraCharts.Series series = new Series("Series1", ViewType.Bar);
  WebChartControl1.Series.Add(series);
  DataTable table = new DataTable();
  series.ValueDataMembers.AddRange(new string[] { "Category" });
  series.ArgumentScaleType = ScaleType.Qualitative;
  series.ArgumentDataMember = "Id";
  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.)

はじめる準備はできましたか?

SAP Fieldglass Data Provider の無料トライアルをダウンロードしてお試しください:

 ダウンロード

詳細:

SAP Fieldglass Icon SAP Fieldglass ADO.NET Provider お問い合わせ

.NET デベロッパーにWeb、デスクトップ、モバイルアプリケーションから簡単にSAP Fieldglass のApprovals、Audit Trails、Analytics データへの連携を提供。