製品をチェック

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

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

製品の詳細

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

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

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

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

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

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

CData

ado ロゴ画像
DevExpress ロゴ

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

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

TSheets 接続プロパティの取得・設定方法

TSheets は、認証および認可にOAuth2 標準を使用します。独自のOAuth アプリを構築してデータに接続するには、ヘルプドキュメントの「OAuth」セクションを参照してください。

Windows Forms コントロール

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

using (TSheetsConnection connection = new TSheetsConnection( "OAuthClientId=myclientid;OAuthClientSecret=myclientsecret;CallbackUrl=http://localhost:33333;")) { TSheetsDataAdapter dataAdapter = new TSheetsDataAdapter( "SELECT Id, JobcodeId FROM Timesheets WHERE JobCodeType = 'regular'", 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[] { "JobcodeId" }); 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 コントロール

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