バージョン

カスタム ノード項目テンプレートの使用

このトピックは、カスタム ノード項目テンプレートを使用して、OrgChart ノードに表示されるデータをカスタマイズする方法を説明します。これは、 OrgChartNodeLayout クラスの ItemTemplate プロパティを構成することで実行されます。このプロパティは、ノード レイアウトによってマップされたノードのコンテンツのためのカスタム テンプレートを指定します。

Note

注 : 「手順」セクションのコードは、 「xamOrgChart をアプリケーションに追加」トピックで作成した組織図を使用します。

プレビュー

以下は、以下の「手順」のセクションで作成および構成されたカスタム ノード項目テンプレートによって生成された、最終的な結果のプレビューです。

xamOrgChart Using Custom Node Item Templates 01.png

図 1: このトピックで使用されるカスタム ノード項目テンプレートによって生成された組織図

手順

  1. データ テンプレートを作成します。

XAML の場合:

<DataTemplate x:Key="EmployeeTemplate">
    <StackPanel>
        <TextBlock Text="{Binding JobTitle}" FontWeight="Bold" />
        <TextBlock Text="{Binding FirstName}" />
        <TextBlock Text="{Binding LastName}" />
    </StackPanel>
</DataTemplate>

  1. ItemTemplate を構成します。

希望の Node Layout オブジェクトの ItemTemplate をデータ テンプレートになるように設定します。

XAML の場合:

<ig:OrgChartNodeLayout
    TargetTypeName="Employee"
    ItemTemplate="{StaticResource EmployeeTemplate}" />

関連トピック

xamOrgChart の使用