製品をチェック

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

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

製品の詳細

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

Monday.com データと連携するパワフルな.NET アプリケーションを短時間・低コストで作成して配布できます。

Monday.com データをDevExpress Data Grid にデータバインドする。

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

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

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

CData

ado ロゴ画像
DevExpress ロゴ

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

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

Monday.com への接続には、API Token 認証またはOAuth 認証のいずれかを使用します。

API Token による接続

APIToken を指定してMonday.com に接続します。AuthSchemeToken に設定し、次の手順でAPIToken を取得します。

  1. Monday.com アカウントにログインして、左ペインのManage Applications に移動します。
  2. トークンを作成するアプリケーションを選択します。最初にアプリケーションを作成する必要がある場合があります。
  3. Create token ボタンをクリックしてAPIToken を生成します。

OAuth

代わりに、OAuth で接続を確立できます。詳しくはヘルプドキュメントの「OAuth 認証の使用」セクションを参照してください。

Windows Forms コントロール

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

using (MondayConnection connection = new MondayConnection( "APIToken=eyJhbGciOiJIUzI1NiJ9.yJ0aWQiOjE0MTc4NzIxMiwidWlkIjoyNzI3ODM3OSwiaWFkIjoiMjAyMi0wMS0yMFQxMDo0NjoxMy45NDFaIiwicGV;")) { MondayDataAdapter dataAdapter = new MondayDataAdapter( "SELECT Id, DueDate FROM Invoices WHERE Status = 'SENT'", 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[] { "DueDate" }); 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 コントロール

下のコードではMonday.com でDevExpress Web を操作するための設定方法を説明します。MondayDataAdapter はチャートのSeries プロパティにバインドします。Diagram プロパティはx 軸とy 軸をカラム名として定義します。 using DevExpress.XtraCharts; using (MondayConnection connection = new MondayConnection( "APIToken=eyJhbGciOiJIUzI1NiJ9.yJ0aWQiOjE0MTc4NzIxMiwidWlkIjoyNzI3ODM3OSwiaWFkIjoiMjAyMi0wMS0yMFQxMDo0NjoxMy45NDFaIiwicGV;")) { MondayDataAdapter MondayDataAdapter1 = new MondayDataAdapter("SELECT Id, DueDate FROM Invoices WHERE Status = 'SENT'", connection); DataTable table = new DataTable(); MondayDataAdapter1.Fill(table); DevExpress.XtraCharts.Series series = new Series("Series1", ViewType.Bar); WebChartControl1.Series.Add(series); DataTable table = new DataTable(); series.ValueDataMembers.AddRange(new string[] { "DueDate" }); 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 のリアルタイムデータ連携をフルにお試しいただけます。記事や製品についてのご質問があればお気軽にお問い合わせください。