このセクションでは、MVC Web アプリケーションに OLAP コントロールを追加し、そこにデータを追加する方法について説明します。

このトピックは３つの手順で構成されます。

• 手順 1：MVC アプリケーションの作成
• 手順 2：OLAP のデータソースの作成
• 手順 3：OLAP コントロールの追加
• 手順 4：プロジェクトのビルドおよび実行

次の図は、上記の手順を実行した後の OLAP を示しています。

OLAP コントロール

手順 1：MVC アプリケーションの作成

ComponentOneまたはVisualStudioテンプレートを使用して新しいMVCアプリケーションを作成します。MVCアプリケーションの作成の詳細については、「MVCアプリケーションの設定」を参照してください。

手順 2：OLAP のデータソースの作成

1. ［モデル］フォルダに新しいクラスを追加します（例：ProductData.cs）。新しいモデルの追加方法については、「コントロールの追加」を参照してください。
2. 次のコードを新しいモデルに追加して、OLAP コントロールのデータソースになるクラスを定義します。
   • C#

   #region ProductData
   using System;
   using System.Collections.Generic;
   using System.Data;
   using System.Linq;
   using System.Text;
   using System.Threading.Tasks;
   
   namespace OlapQuickStart.Models
   {
       public class ProductData
       {
           private static Random r = new Random();
   
           public int ID { get; set; }
           public string Product { get; set; }
           public string Country { get; set; }
           public DateTime Date { get; set; }
           public int Sales { get; set; }
           public int Downloads { get; set; }
           public bool Active { get; set; }
           public double Discount { get; set; }
   
           private static int randomInt(int max)
           {
               return (int)Math.Floor(r.NextDouble() * (max + 1));
           }
           public static DataTable GetDataTable(int cnt, string tableName)
           {
               var sufix = cnt / 10000;
               string[] countries = 
               "中国,インド,ロシア,米国,ドイツ,英国,日本,イタリア,ギリシャ,スペイン,ポルトガル"
               .Split(',');
               string[] products = "Wijmo,Aoba,Xuni,Olap".Split(',');
               DataTable data = new DataTable(tableName);
               data.Columns.Add("ID", typeof(int));
               data.Columns.Add("Product", typeof(string));
               data.Columns.Add("Country", typeof(string));
               data.Columns.Add("Date", typeof(DateTime));
               data.Columns.Add("Sales", typeof(int));
               data.Columns.Add("Downloads", typeof(int));
               data.Columns.Add("Active", typeof(bool));
               data.Columns.Add("Discount", typeof(double));
               for (var i = 0; i < cnt; i++)
               {
                   object[] values = new object[] {
                       i,
                       products[randomInt(products.Length - 1)],
                       countries[randomInt(countries.Length - 1)],
                       new DateTime(2015, randomInt(11) + 1, randomInt(27) + 1),
                       randomInt(10000),
                       randomInt(10000),
                       randomInt(1) == 1 ? true : false,
                       r.NextDouble()
                   };
                   data.Rows.Add(values);
               }
               return data;
           }
   
           public static IEnumerable<ProductData> GetData(int cnt)
           {
               string[] countries = 
               "中国,インド,ロシア,米国,ドイツ,英国,日本,イタリア,ギリシャ,スペイン,ポルトガル"
               .Split(',');
               string[] products = "Wijmo,Aoba,Xuni,Olap".Split(',');
               List<ProductData> result = new List<ProductData>();
               for (var i = 0; i < cnt; i++)
               {
                   result.Add(new ProductData
                   {
                       ID = i,
                       Product = products[randomInt(products.Length - 1)],
                       Country = countries[randomInt(countries.Length - 1)],
                       Date = new DateTime(2015, randomInt(5) + 1, randomInt(27) + 1),
                       Sales = randomInt(10000),
                       Downloads = randomInt(10000),
                       Active = randomInt(1) == 1 ? true : false,
                       Discount = r.NextDouble()
                   });
               }
               return result;
           }
       }
   }
   #endregion
   

手順 3：OLAP コントロールの追加

OLAP コントロールを初期化するには、次の手順を実行します。

新しいコントローラーの追加

1. ソリューションエクスプローラーで、［コントローラー］フォルダを右クリックします。
2. コンテキストメニューから、［追加 →］→［コントローラー］を選択します。
3. ［スキャフォールディングを追加］ダイアログで、次の手順を実行します。
   1. ［MVC 5 コントローラー -空］テンプレートを選択します。
   2. コントローラーの名前を設定します（例：OLAPController）。
   3. ［追加］をクリックします。
4. メソッド Index() を次のメソッドに置き換えます。
   • C#

     public class OlapController : Controller
     {
   // GET: Olap
    private static System.Collections.IEnumerable Data = 
    ProductData.GetData(10).ToList();
   // GET: PivotGrid
    public ActionResult Index()
         {
             return View(Data);
         }
     }
   

1. ソリューションエクスプローラーで、［コントローラー］フォルダを展開し、コントローラーOLAPControllerをダブルクリックして開きます。
2. メソッドIndex()内にカーソルを置きます。
3. 右クリックし、［ビューの追加］を選択します。［ビューの追加］ダイアログが表示されます。
4. ［ビューの追加］ダイアログで、ビュー名が Index で、ビューエンジンが Razor (CSHTML)であることを確認します。
5. ［追加］をクリックします。コントローラーにビューが追加されます。

   Razor

   コードのコピー

   @model IEnumerable<ProductData> <c1-pivot-engine id="indexEngine"> <c1-items-source source-collection="Model"></c1-items-source> <c1-view-field-collection c1-property="RowFields" items="Country"></c1-view-field-collection> <c1-view-field-collection c1-property="ColumnFields" items="Product"></c1-view-field-collection> <c1-view-field-collection c1-property="ValueFields" items="Sales"></c1-view-field-collection> </c1-pivot-engine> <c1-pivot-panel items-source-id="indexEngine"></c1-pivot-panel> <c1-pivot-chart items-source-id="indexEngine"></c1-pivot-chart> <c1-pivot-grid items-source-id="indexEngine"></c1-pivot-grid>

手順 4：プロジェクトのビルドおよび実行

1. ［ビルド］→［ソリューションのビルド］をクリックして、プロジェクトをビルドします。
2. ［F5］キーを押してプロジェクトを実行します。
   ブラウザのアドレスバーで、生成された URL にフォルダ名とビュー名を追加して（例：http://localhost:1234/OLAP/Index）、ビューを表示します。