製品情報をご覧ください

製品情報や無償評価版を製品ページにてご確認いただけます。

製品ページへ

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

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

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

kintone に接続するには、User およびPasswordを設定します。さらに、URL を設定します。例:https://yoursitename.cybozu.com またはhttps://yoursitename.kintone.com。

kintone セキュアアクセスについては追加プロパティが必要です。製品ドキュメントの[はじめに]の項をご覧ください。

Windows Forms コントロール

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

using (KintoneConnection connection = new KintoneConnection( "Username=myuseraccount;Password=mypassword;URL=http://subdomain.domain.com;GuestSpaceId=myspaceid;ApiToken=MyApiToken")) { KintoneDataAdapter dataAdapter = new KintoneDataAdapter( "SELECT Name, Description FROM Comments", 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[] { "Description" }); series.ArgumentScaleType = DevExpress.XtraCharts.ScaleType.Qualitative; series.ArgumentDataMember = "Name"; series.ValueScaleType = DevExpress.XtraCharts.ScaleType.Numerical; chartControl1.Legend.Visibility = DevExpress.Utils.DefaultBoolean.False; ((DevExpress.XtraCharts.SideBySideBarSeriesView)series.View).ColorEach = true; }

Web コントロール

下のコードではKintone でDevExpress Web を操作するための設定方法を説明します。KintoneDataAdapter はチャートのSeries プロパティにバインドします。Diagram プロパティはx 軸とy 軸をカラム名として定義します。 using DevExpress.XtraCharts; using (KintoneConnection connection = new KintoneConnection( "Username=myuseraccount;Password=mypassword;URL=http://subdomain.domain.com;GuestSpaceId=myspaceid;ApiToken=MyApiToken")) { KintoneDataAdapter KintoneDataAdapter1 = new KintoneDataAdapter("SELECT Name, Description FROM Comments", connection); DataTable table = new DataTable(); KintoneDataAdapter1.Fill(table); DevExpress.XtraCharts.Series series = new Series("Series1", ViewType.Bar); WebChartControl1.Series.Add(series); DataTable table = new DataTable(); series.ValueDataMembers.AddRange(new string[] { "Description" }); series.ArgumentScaleType = ScaleType.Qualitative; series.ArgumentDataMember = "Name"; series.ValueScaleType = ScaleType.Numerical; ((DevExpress.XtraCharts.SideBySideBarSeriesView)series.View).ColorEach = true; }

 
 
ダウンロード