各製品の資料を入手。
詳細はこちら →
Zoho Creator のデータをDevExpress Data Grid にデータバインドする。
Zoho Creator 用の CData ADO.NET プロバイダーをDevExpress Windows Forms とWeb コントロールとともに使用し、Zoho Creator をチャートに入力します。
最終更新日：2022-01-31
この記事で実現できるZoho Creator 連携のシナリオ
こんにちは！ウェブ担当の加藤です。マーケ関連のデータ分析や整備もやっています。
Zoho Creator 用の CData ADO.NET プロバイダーはサードパーティーコントロールで使うことのできる通常のADO.NET データベースアクセスコンポーネントを実装しています。データバインドするための通常のADO.NET プロセスに従うことで、UI コントロールから実データへの双方向アクセスを可能にします。 この記事では、CData を使ってDevExpress Windows Forms とウェブコントロールにデータバインドする方法を説明します。ここでは、最新のデータを表示するチャートにデータバインドします。
Zoho Creator 接続プロパティの取得・設定方法
Zoho Creator に接続するには、Region をサーバーURL のトップレベルドメイン（TLD）に設定します。
Zoho Creator への認証
Zoho Creator は、データに接続する2つの方法を提供します。
- デスクトップ経由で自分のローカルデータに接続する場合（非ブラウザ接続）は、CData が提供する組み込みOAuth アプリケーションを使用します。
- ネットワーク経由で共有データに接続する場合（ブラウザ接続）は、カスタムOAuth アプリケーションを使用します。
- デスクトップ：ユーザーのローカルマシン上でのサーバーへの接続で、テストやプロトタイピングによく使用されます。埋め込みOAuth またはカスタムOAuth で認証されます。
- Web：共有ウェブサイト経由でデータにアクセスします。カスタムOAuth でのみ認証されます。
- ヘッドレスサーバー：他のコンピュータやそのユーザーにサービスを提供する専用コンピュータで、モニタやキーボードなしで動作するように構成されています。埋め込みOAuth またはカスタムOAuth で認証されます。
Windows Forms コントロール
下のコードでは、Zoho Creator でDevExpress のチャートに追加する方法を説明します。ZohoCreatorDataAdapter はチャートコントロールのSeries プロパティにバインドします。コントロールのDiagram プロパティはx 軸とy 軸をカラム名として定義します。
using (ZohoCreatorConnection connection = new ZohoCreatorConnection(
"AccountsServer=AccountsServer;")) {
ZohoCreatorDataAdapter dataAdapter = new ZohoCreatorDataAdapter(
"SELECT ID, Leave_Type FROM Leave_Types WHERE Leave_Type = 'Sick'", 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[] { "Leave_Type" });
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 コントロール
下のコードではZoho Creator でDevExpress Web を操作するための設定方法を説明します。ZohoCreatorDataAdapter はチャートのSeries プロパティにバインドします。Diagram プロパティはx 軸とy 軸をカラム名として定義します。
using DevExpress.XtraCharts;
using (ZohoCreatorConnection connection = new ZohoCreatorConnection(
"AccountsServer=AccountsServer;"))
{
ZohoCreatorDataAdapter ZohoCreatorDataAdapter1 = new ZohoCreatorDataAdapter("SELECT ID, Leave_Type FROM Leave_Types WHERE Leave_Type = 'Sick'", connection);
DataTable table = new DataTable();
ZohoCreatorDataAdapter1.Fill(table);
DevExpress.XtraCharts.Series series = new Series("Series1", ViewType.Bar);
WebChartControl1.Series.Add(series);
DataTable table = new DataTable();
series.ValueDataMembers.AddRange(new string[] { "Leave_Type" });
series.ArgumentScaleType = ScaleType.Qualitative;
series.ArgumentDataMember = "ID";
series.ValueScaleType = ScaleType.Numerical;
((DevExpress.XtraCharts.SideBySideBarSeriesView)series.View).ColorEach = true;
}
関連コンテンツ
