バージョン

テンプレートを使用したセルのカスタマイズの概要

トピックの概要

目的

xamPivotGrid™ コントロールを使用すると、データ セルと、ヘッダー列と行のセルにカスタム データ テンプレートを指定できます。このトピックはこの機能の概要です。

前提条件

以下の表に、このトピックを理解するための前提条件として求められるトピックをリストします。

トピック 目的

このセクションは xamPivotGrid コントロールの主要機能について説明します。ここに記載されているトピックでは、アプリケーションで xamPivotGrid コントロールを効果的に使用する方法が説明されています。

このトピックでは、xamPivotGrid コントロールを使用して作業を開始する方法について説明するため、このコントロールを WPF アプリケーションに追加するための手順を順を追って説明しています。

コントロールの構成の概要

コントロールの構成の概要

次の表に、カスタム テンプレートを xamPivotGrid のセルに適用する際に構成可能な項目の一覧を示します。

構成可能な点 詳細 プロパティ

データ セルに対するカスタム テンプレートの指定

xamPivotGrid コントロールには、セルまたはセルのグループにカスタム DataTemplate を指定するためのオプションがあります。たとえば、列内のすべてのセル、行内のすべてのセル、一部のレベルのすべてのセルなどです。

列または行ヘッダー セルに対するカスタム テンプレートの指定

データ セルに加えて、ヘッダー セルにもカスタム テンプレートを指定できます。

データ セルのカスタム テンプレートを指定

概要

xamPivotGrid では、DataCellTemplates プロパティが公開されています。このプロパティの型は DataCellTemplate オブジェクトのコレクションです。DataCellTemplate クラスは、xamPivotGrid のデータ セルの内容に適用される DataTemplate のコンテナとして振る舞います。さらに、DataTemplate を適用するデータ セルを決定するために使用するいくつかのプロパティがあります。

プロパティ設定

以下の表では、目的の構成をプロパティ設定にマップしています。

目的 使用するプロパティ: 次に設定

カスタム データ テンプレートを、xamPivotGrid のデータ セルに適用する

DataCellTemplates

DataCellTemplate オブジェクトのコレクション

次のスクリーンショットは、次のプロパティが設定された DataCellTemplate をその DataCellTemplates コレクションに追加したときの xamPivotGrid の外観を表しています。使用されているデータ ソースは SalesDataSample リソースです。

プロパティ

Template

赤い前景の Textblock を含む DataTemplate

ColumnHierarchy

Product

ColumnLabel

Components

xamPivotGrid Customizing Cells with Templates Overview 1.png

列/行ヘッダー セルのカスタム テンプレートを指定

概要

xamPivotGrid は、 RowHeaderTemplates および ColumnHeaderTemplates プロパティを公開します。これらのタイプのプロパティは、 HeaderTemplate オブジェクトのコレクションです。HeaderTemplate クラスは DataCellTemplate に似ていますが、DataTemplate の適用先を決定するプロパティは、データ セルではなくヘッダー セルに適用されます。

プロパティ設定

以下の表では、目的の構成をプロパティ設定にマップしています。

目的 使用するプロパティ: 次に設定

カスタム データ テンプレートを、xamPivotGrid の列ヘッダー セルに適用する

ColumnHeaderTemplates

HeaderTemplate オブジェクトのコレクション

カスタム データ テンプレートを、xamPivotGrid の行ヘッダー セルに適用する

RowHeaderTemplates

HeaderTemplate オブジェクトのコレクション

RowHeader テンプレートの例

次のスクリーンショットは、次のプロパティが設定された HeaderTemplate を RowHeaderTemplates コレクションに追加したときの xamPivotGrid の外観を表しています。

プロパティ

Template

背景がライトグリーンでテキスト ブロックがあるグリッドが含まれている DataTemplate

Hierarchy

Seller

Level

1

xamPivotGrid Customizing Cells with Templates Overview 2.png

ColumnHeader テンプレートの例

以下のスクリーンショットは、以下のプロパティを持つ HeaderTemplate がその ColumnHeaderTemplates コレクションに追加される時に xamPivotGrid がどのように見えるかを示します。

プロパティ

Template

背景がライトグリーンでテキスト ブロックがあるグリッドが含まれている DataTemplate

Label

Bikes

xamPivotGrid Customizing Cells with Templates Overview 3.png

関連コンテンツ

以下のトピックでは、このトピックに関連する情報を提供しています。

トピック 目的

このトピックでは、xamPivotGrid™ セルの内容にカスタム DataTemplates を適用することで、セルをカスタマイズする方法について、順を追って説明しています。

これは、xamPivotGrid のセル カスタマイズ機能に関連する最も注意すべきプロパティのリストです。

CellControlAttached イベントを使用し、セルの値に基づいてカスタム スタイルをデータ セルに適用する方法の説明です。