今すぐお試しください!

製品の詳細CData ADO.NET Provider for BigCommerce を確認して、無償評価版をダウンロード:

今すぐダウンロード

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

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

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

BigCommerce authentication is based on the standard OAuth flow. To authenticate, you must initially create an app via the Big Commerce developer platform where you can obtain an OAuthClientId, OAuthClientSecret, and CallbackURL. These three parameters will be set as connection properties to your driver.

Additionally, in order to connect to your BigCommerce Store, you will need your StoreId. To find your Store Id please follow these steps:

  1. Log in to your BigCommerce account.
  2. From the Home Page, select Advanced Settings > API Accounts.
  3. Click Create API Account.
  4. A text box named API Path will appear on your screen.
  5. Inside you can see a URL of the following structure: https://api.bigcommerce.com/stores/{Store Id}/v3.
  6. As demonstrated above, your Store Id will be between the 'stores/' and '/v3' path paramters.
  7. Once you have retrieved your Store Id you can either click Cancel or proceed in creating an API Account in case you do not have one already.

Windows Forms コントロール

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

using (BigCommerceConnection connection = new BigCommerceConnection( "OAuthClientId=YourClientId; OAuthClientSecret=YourClientSecret; StoreId='YourStoreID'; CallbackURL='http://localhost:33333'")) { BigCommerceDataAdapter dataAdapter = new BigCommerceDataAdapter( "SELECT FirstName, LastName FROM Customers WHERE FirstName = 'Bob'", 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[] { "LastName" }); series.ArgumentScaleType = DevExpress.XtraCharts.ScaleType.Qualitative; series.ArgumentDataMember = "FirstName"; series.ValueScaleType = DevExpress.XtraCharts.ScaleType.Numerical; chartControl1.Legend.Visibility = DevExpress.Utils.DefaultBoolean.False; ((DevExpress.XtraCharts.SideBySideBarSeriesView)series.View).ColorEach = true; }

Web コントロール

下のコードではBigCommerce でDevExpress Web を操作するための設定方法を説明します。BigCommerceDataAdapter はチャートのSeries プロパティにバインドします。Diagram プロパティはx 軸とy 軸をカラム名として定義します。 using DevExpress.XtraCharts; using (BigCommerceConnection connection = new BigCommerceConnection( "OAuthClientId=YourClientId; OAuthClientSecret=YourClientSecret; StoreId='YourStoreID'; CallbackURL='http://localhost:33333'")) { BigCommerceDataAdapter BigCommerceDataAdapter1 = new BigCommerceDataAdapter("SELECT FirstName, LastName FROM Customers WHERE FirstName = 'Bob'", connection); DataTable table = new DataTable(); BigCommerceDataAdapter1.Fill(table); DevExpress.XtraCharts.Series series = new Series("Series1", ViewType.Bar); WebChartControl1.Series.Add(series); DataTable table = new DataTable(); series.ValueDataMembers.AddRange(new string[] { "LastName" }); series.ArgumentScaleType = ScaleType.Qualitative; series.ArgumentDataMember = "FirstName"; series.ValueScaleType = ScaleType.Numerical; ((DevExpress.XtraCharts.SideBySideBarSeriesView)series.View).ColorEach = true; }

 
 
ダウンロード