製品をチェック

Airtable Data Provider の30日間無償トライアルをダウンロード

 30日間の無償トライアルへ

製品の詳細

Airtable アイコン Airtable ADO.NET Provider 相談したい

Airtable に連携する.NET アプリケーションを素早く、簡単に開発できる便利なドライバー。

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

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

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

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

CData

ado ロゴ画像
DevExpress ロゴ

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

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

Airtable への接続には、APIKey、BaseId、TableNames のプロパティが必須です。ViewNames は任意項目でテーブルのビューを指定することができます。

  • APIKey : アカウントのAPI Key。取得には、アカウントにログインして、API セクションで「Generate API Key」をクリックします。
  • BaseId : ベースのId。取得には、APIKey と同じ場所で、「Airtable API」をクリックするか、https://airtable.com/api に進み、ベースを選択します。"The ID of this base is appxxN2ftedc0nEG7." というメッセージがIntroduction セッションで表示されます。
  • TableNames : 選択されたベースのテーブル名のカンマ区切りのリスト。UI で見られるテーブル名と同じです。
  • ViewNames : table.view 形式のビューのカンマ区切りのリスト。UI でみられるビュー名と同じです。

Windows Forms コントロール

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

using (AirtableConnection connection = new AirtableConnection( "APIKey=keymz3adb53RqsU;BaseId=appxxN2fe34r3rjdG7;TableNames=TableA,...;ViewNames=TableA.ViewA,...;")) { AirtableDataAdapter dataAdapter = new AirtableDataAdapter( "SELECT Id, Column1 FROM SampleTable_1 WHERE Column1 = 'Value1'", 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[] { "Column1" }); 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 コントロール

下のコードではAirtable でDevExpress Web を操作するための設定方法を説明します。AirtableDataAdapter はチャートのSeries プロパティにバインドします。Diagram プロパティはx 軸とy 軸をカラム名として定義します。 using DevExpress.XtraCharts; using (AirtableConnection connection = new AirtableConnection( "APIKey=keymz3adb53RqsU;BaseId=appxxN2fe34r3rjdG7;TableNames=TableA,...;ViewNames=TableA.ViewA,...;")) { AirtableDataAdapter AirtableDataAdapter1 = new AirtableDataAdapter("SELECT Id, Column1 FROM SampleTable_1 WHERE Column1 = 'Value1'", connection); DataTable table = new DataTable(); AirtableDataAdapter1.Fill(table); DevExpress.XtraCharts.Series series = new Series("Series1", ViewType.Bar); WebChartControl1.Series.Add(series); DataTable table = new DataTable(); series.ValueDataMembers.AddRange(new string[] { "Column1" }); 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.)

関連コンテンツ

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

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