前の手順では、Silverlight アプリケーションを作成し、プロジェクトに C1OrgChart コントロールを追加しました。この手順では、C1OrgChart コントロールにコンテンツを追加します。プロジェクトをカスタマイズしてアプリケーションの C1OrgChart コントロールにコンテンツを追加するには、次の手順に従います。

1. ソリューションエクスプローラで、MainPage.xaml ファイルを右クリックして［コードの表示］を選択します。コードファイルが開きます。
   
2. 次の imports 文をページの先頭に追加します。
   

   Visual Basic コードの書き方

   Visual Basic	コードのコピー
   Imports C1.Xaml.OrgChart

   C# コードの書き方

   C#>	コードのコピー
   using C1.Xaml.OrgChart;

3. このコードは、アプリケーションにコンテンツを追加します。ページのコンストラクタ内の this.InitializeComponent() メソッドのすぐ下に次のコードを追加します。
   

   Visual Basic コードの書き方

   Visual Basic

   コードのコピー

   ' 階層を作成します。 Dim uwp As New Platform() With {.Name = "UWP"} Dim winjs As New Platform() With {.Name = "HTML"} Dim xaml As New Platform() With {.Name = "XAML"} Dim dx As New Platform() With {.Name = "DirectX"} uwp.Subplatforms = New List(Of Platform)() uwp.Subplatforms.Add(winjs) uwp.Subplatforms.Add(xaml) uwp.Subplatforms.Add(dx) winjs.Subplatforms = New List(Of Platform)() winjs.Subplatforms.Add(New Platform() With {.Name = "JavaScript"}) xaml.Subplatforms = New List(Of Platform)() xaml.Subplatforms.Add(New Platform() With {.Name = "C#"}) xaml.Subplatforms.Add(New Platform() With {.Name = "VB"}) dx.Subplatforms = New List(Of Platform)() dx.Subplatforms.Add(New Platform() With {.Name = "C++"}) ' orgchart に設定します。 c1OrgChart1.Header = uwp

   C# コードの書き方

   C#

   コードのコピー

   // 階層を作成します             Platform uwp = new Platform() { Name = "UWP" };             Platform winjs = new Platform() { Name = "HTML" };             Platform xaml = new Platform() { Name = "XAML" };             Platform dx = new Platform() { Name = "DirectX" };             uwp.Subplatforms = new List<Platform>();             uwp.Subplatforms.Add(winjs);             uwp.Subplatforms.Add(xaml);             uwp.Subplatforms.Add(dx);             winjs.Subplatforms = new List<Platform>();             winjs.Subplatforms.Add(new Platform() { Name = "JavaScript" });             xaml.Subplatforms = new List<Platform>();             xaml.Subplatforms.Add(new Platform() { Name = "C#" });             xaml.Subplatforms.Add(new Platform() { Name = "VB" });             dx.Subplatforms = new List<Platform>();             dx.Subplatforms.Add(new Platform() { Name = "C++" }); // orgchart に設定します             c1OrgChart1.Header = uwp;         }     }

4. ページのコンストラクタの下に次のクラスを追加します。
   

   Visual Basic コードの書き方

   Visual Basic	コードのコピー
   Public Class Platform Public Property Name As String End Property Public Property Subplatforms As IList(Of Platform) End Property End Class

   C# コードの書き方

   C#	コードのコピー
   public class Platform { public string Name { get; set; } public IList<Platform> Subplatforms { get; set; } } }

この手順では、C1OrgChart コントロールにコンテンツを追加しました。次の手順では、このアプリケーションを実行します。