このトピックでは、 ASP.NET MVC ヘルパーを使用して ASP.NET MVC アプリケーションへ igOlapXmlaDataSource
™ コンポーネントを追加する方法についての概念と詳細な手順を説明します。
このトピックを理解するために、以下のトピックを参照することをお勧めします。
igOlapXmlaDataSource の概要: このトピックでは、主要機能、最小要件およびユーザー機能性など、igOlapXmlaDataSource
コンポーネントに関する概念的な情報を提供します。
igOlapXmlaDataSource の HTML ページへの追加: このトピックでは、 HTML ページへ igOlapXmlaDataSource
コンポーネントを追加する方法についての概念と詳しい手順を説明します。
このトピックは、以下のセクションで構成されます。
igOlapXmlaDataSource
は、MVC View の CS/VB コードでコンポーネントの使用を可能にする ASP.NET MVC ヘルパーが付随する、クライアント側コンポーネントです。ASP.NET MVC ヘルパーは igOlapXmlaDataSource
と igOlapFlatDataSource
コンポーネントに共通で、設定するオプションによって各データ ソースのインスタンスがクライアント上で作成されます。ヘルパーを使用する場合、データを視覚化する機能のある1 つ以上のコンポーネントにおける使用を可能にする識別子を提供します (igPivotDataSelector
™、igPivotGrid
™、igPivotView
™)。
igOlapXmlaDataSource
を View で定義するには、それらを呼び出す同じオブジェクトを常に返すメソッドを使用して必要なプロパティを設定します。これにより、必要なすべてのプロパティを設定するために使用する構文をチェーンできます。DataSourceOptions などの複雑なオブジェクトの場合、この種の構文を実現するためにラムダ式ビルダーを使用します。
以下は、igOlapXmlaDataSource
を ASP.NET MVC アプリケーションへ追加するための全般的な要件です。
igOlapXmlaDataSource
を ASP.NET MVC アプリケーションへ追加するための一般的な手順をおおまかに示すと、次のようになります。
Infragistics 名前空間を追加します
必要な JavaScript リソースを読み込む
igOlapXmlaDataSource
を追加する
以下の手順は、igOlapXmlaDataSource
コンポーネントを ASP.NET MVC アプリケーションに追加する方法について説明します。この例で必要なリソースは、自動的に Infragistics Loader に参照されます。
この手順を実行するには、以下のリソースが必要です。
Infragistics.Web.Mvc.dll
アセンブリへの参照以下の手順は、igOlapXmlaDataSource
を ASP.NET MVC アプリケーションに追加する方法を示します。
Infragistics 名前空間を追加します。
Infragistics.Web.Mvc 名前空間を自分のビュー コードに追加します。
ASPX の場合:
<%=Import Namespace=”Infragistics.Web.Mvc” %>
Infragistics 名前空間への参照を追加します。
Infragistics Loader コンポーネントへスクリプト参照を追加します。
以下のスクリプト参照をビューのヘッド セクションに追加します。
ASPX の場合:
<script src="[path to js folder]/infragistics.loader.js"></script>
Infragistics Loader の定義を追加します。
以下のコードは、Infragistics Loader を使用して必要なリソースを取り込みます。
ASPX の場合:
<%=Html.Infragistics()
.Loader()
.ScriptPath("[js path]")
.CssPath("[css path]")
.Render()
%>
igOlapXmlaDataSource
コンポーネントを追加します。
ID を設定する igOlapXmlaDataSource
宣言を追加します。
宣言を View のコードに追加します。
ASPX の場合:
<%=Html.Infragistics().OlapDataSource().ID("xmlaDataSource")
// remaining code goes here
%>
(オプション) 共通の OLAP データ ソース プロパティを構成します。
DataSourceOptions メソッドを使用して、列、行、メジャーなど両方の多次元 (OLAP) データ ソースに共通のプロパティを設定します。
ASPX の場合:
<%=Html.Infragistics().OlapDataSource().ID("xmlaDataSource")
.DataSourceOptions(dataSourceOptions => dataSourceOptions
.Columns("[Product].[Product Categories]")
.Rows("[Sales Territory].[Sales Territory]")
.Measures("[Measures].[Internet Order Count]"))
%>
igOlapXmlaDataSource
特有のプロパティを構成します。
すべての igOlapXmlaDataSource 特有のプロパティのうち、必要なのは XmlaOptions オブジェクトの ServerUrl プロパティです。
ASPX の場合:
<%=Html.Infragistics().OlapDataSource().ID("xmlaDataSource")
.DataSourceOptions(dataSourceOptions => dataSourceOptions
// common properties
.XmlaOptions(xmlaOptions => xmlaOptions
.ServerUrl("http://sampledata.infragistics.com/olap/msmdpump.dll")
.Catalog("Adventure Works DW Standard Edition")
.Cube("Adventure Works")
.MeasureGroup("Internet Sales")
))
%>
JavaScript コードを描画します。
提供したセットアップに従って JavaScript をレンダリングするには Render メソッドを呼び出します。
ASPX の場合:
<%= Html.Infragistics().OlapDataSource().ID("xmlaDataSource")
// all options
.Render()
%>
この時点では、igPivotDataSelector、igPivotGrid および igPivotView などのピボット グリッド関連のコントロールにおいてデータ ソース コンポーネント インスタンスを使用するために、OlapDataSource 定義を設定する ID を使用できます。
以下は、このプロシージャの完全なコードです。
ASPX の場合:
<%= Html.Infragistics().OlapDataSource().ID("xmlaDataSource")
.DataSourceOptions(dataSourceOptions => dataSourceOptions
.Columns("[Product].[Product Categories]")
.Rows("[Sales Territory].[Sales Territory]")
.Measures("[Measures].[Internet Order Count]")
.XmlaOptions(xmlaOptions => xmlaOptions
.ServerUrl("http://sampledata.infragistics.com/olap/msmdpump.dll")
.Catalog("Adventure Works DW Standard Edition")
.Cube("Adventure Works")
.MeasureGroup("Internet Sales")
)).Render()
%>
このトピックの追加情報については、以下のトピックも合わせてご参照ください。
igPivotDataSelector を ASP.NET MVC アプリケーションに追加: このトピックでは、 ASP.NET MVC ヘルパーを使用して ASP.NET MVC アプリケーションへ igPivotDataSelector
コントロールを追加する方法についての概念と詳細な手順を説明します。
igPivotGrid の ASP.NET MVC アプリケーションへの追加: このトピックは、 ASP.NET MVC ヘルパーを使用して ASP.NET MVC アプリケーションへ igPivotGri
コントロールを追加する方法についての概念と詳しい手順を説明します。
igPivotView の ASP.NET MVC アプリケーションへの追加: このトピックは、 ASP.NET MVC ヘルパーを使用して ASP.NET MVC View へ igPivotView
コントロールを追加する方法についての概念と詳しい手順を説明します。
このトピックについては、以下のサンプルも参照してください。
igOlapXmlaDataSource
に ASP.NET MVC ヘルパーを使用し、このデータ ソースを igPivotDataSelector
および igPivotGrid
に使用する方法を紹介します。オンラインで表示: GitHub