ASP.NET MVC コントロールヘルプ
クイックスタート: OLAP へのデータの追加
コントロールの使用 > OLAP > クイックスタート: OLAP へのデータの追加

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

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

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

OLAP コントロール

OLAP コントロール

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

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

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

  1. モデル]フォルダに新しいクラスを追加します(例:ProductData.cs)。新しいモデルの追加方法については、「コントロールの追加」を参照してください。
  2. 次のコードを新しいモデルに追加して、OLAP コントロールのデータソースになるクラスを定義します。
    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;
            }
        }
    }
    
先頭に戻る

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

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

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

  1. ソリューションエクスプローラーで、[コントローラー]フォルダを右クリックします。
  2. コンテキストメニューから、[追加 →]→[コントローラー]を選択します。
  3. スキャフォールディングを追加]ダイアログで、次の手順を実行します。
    1. MVC 5 コントローラー -空]テンプレートを選択します。
    2. コントローラーの名前を設定します(例:OLAPController)。
    3. 追加]をクリックします。
  4. メソッド Index() を次のメソッドに置き換えます。
      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. 追加]をクリックします。コントローラーにビューが追加されます。
    @using OlapQuickStart.Models;
    
    @model IEnumerable<ProductData>
    <br />
    @(Html.C1().PivotEngine().Id("indexEngine").Bind(Model)
        .RowFields(pfcb => pfcb.Items("Country"))
        .ColumnFields(cfcb => cfcb.Items("Product"))
        .ValueFields(vfcb => vfcb.Items("Sales")))
    @Html.C1().PivotPanel().ItemsSourceId("indexEngine")
    @Html.C1().PivotChart().ItemsSourceId("indexEngine")
    @Html.C1().PivotGrid().ItemsSourceId("indexEngine")
    

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

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