ASP.NET MVC コントロールヘルプ
モデル連結
コントロールの使用 > OLAP > OLAPの使用 > データ連結 > モデル連結

このセクションでは、モデル連結を使用したOLAPコントロールのデータの追加に必要な手順を説明します。OLAPでリモートデータ連結を実行することもできます。リモートデータ連結の詳細については、「リモートデータ連結」を参照してください。

OLAPコントロールでモデルデータ連結を実装するには、次の手順を完了します。

次の図は、上記の手順を実行した後にブラウザに表示されるOLAPコントロールを示しています。

OLAP コントロール

OLAP コントロール

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

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;
            }
        }
    }
    
先頭に戻る

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

OLAPコントロールのコントローラーとビューを作成し、次の手順を実行して、OLAPコントロールを初期化します。

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

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

  1. ソリューションエクスプローラーで、[コントローラー]フォルダを右クリックします。
  2. コンテキストメニューから、[追加]→[コントローラー]を選択します。[スキャフォールディングを追加]ダイアログが表示されます。
  3. [スキャフォールディングを追加]ダイアログで、次の手順を実行します。
    1. [空のMVCコントローラー]テンプレートを選択します。
    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. [追加]をクリックしてコントローラーのビューを追加します。次のコードをコピーし、Index.cshtmlに貼り付けます。
    @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")
    

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

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