OLAPアプリケーションの主な長所の1つは、対話的操作です。ユーザーは、ビューを簡単に作成および変更して、その出力を直ちにWebブラウザで確認できる必要があります。OLAPでは、Excel形式のユーザーインタフェースとユーザーフレンドリなダイアログを使用して、これが可能になります。ただし、コードからビューを構成したりピボットフィールドを追加したい場合もあります。これは、PivotFieldクラスとPivotEngineクラスを使用して実現することができます。
このトピックは、OLAPコントロールでコードを使用してピボットフィールドを定義する方法の理解に役立ちます。次の図は、ピボットフィールドを定義した後にOLAPコントロールがどのように表示されるかを示します。
フィールドを自動生成しない場合は、次のコード例を使用して、OLAPコントロールにピボットフィールドを定義します。この例では、「クイックスタート:OLAPへのデータの追加」トピックで追加されたProductData.csモデルを使用します。
HTML |
コードのコピー
|
---|---|
<c1-pivot-engine id="cubeEngine"> <c1-cube-service url="http://ssrs.componentone.com/OLAP/msmdpump.dll" cube="Adventure Works"></c1-cube-service> <c1-pivot-field-collection> <c1-cube-field header="Internet orders" dimension-type="Folder"> <c1-cube-field header="Internet Order Count" binding="[Measures].[Internet Order Count]" dimension-type="Measure"></c1-cube-field> </c1-cube-field> <c1-cube-field header="Internet Customers" dimension-type="Folder"> <c1-cube-field header="Customer Count" binding="[Measures].[Customer Count]" dimension-type="Measure"></c1-cube-field> </c1-cube-field> <c1-cube-field header="Customer" dimension-type="Dimension"> <c1-cube-field header="Location" dimension-type="Folder"> <c1-cube-field header="City" binding="[Customer].[City]" dimension-type="Hierarchy"></c1-cube-field> <c1-cube-field header="Country" binding="[Customer].[Country]" dimension-type="Hierarchy"></c1-cube-field> <c1-cube-field header="Postal Code" binding="[Customer].[Postal Code]" dimension-type="Hierarchy"></c1-cube-field> <c1-cube-field header="State-Province" binding="[Customer].[State-Province]" dimension-type="Hierarchy"></c1-cube-field> </c1-cube-field> </c1-cube-field> </c1-pivot-field-collection> <c1-view-field-collection c1-property="RowFields" items="[Customer].[Country],[Customer].[State-Province]"></c1-view-field-collection> <c1-view-field-collection c1-property="ValueFields" items="[Measures].[Internet Order Count],[Measures].[Customer Count]"></c1-view-field-collection> </c1-pivot-engine> <c1-pivot-grid items-source-id="cubeEngine"></c1-pivot-grid> |