Basic Library for WPF/Silverlight
手順 2：項目の追加
製品の概要 > TreeView > クイックスタート > 手順 2：項目の追加

このレッスンでは、XAML マークアップおよび分離コードファイルで、C1TreeView コントロールに静的な C1TreeView 項目を追加する方法について説明します。

XAML の場合

XAML で C1TreeView コントロールに静的な C1TreeViewItem を追加するには

  1. C1TreeViewItem を追加して、「ジャンル一覧」という名前の最上位ノードを作成します。<c1:C1TreeViewItem> タグ内に、Header="ジャンル一覧 を追加します。これにより、最上位ノードが作成されます。XAML マークアップは次のようになります。

    XAML
    コードのコピー 
    <c1:C1TreeViewItem Header="ジャンル一覧"></c1:C1TreeViewItem>

  2. <c1:C1TreeViewItem Header="ジャンル一覧"></c1:C1TreeViewItem> タグの間に２つの子 C1TreeViewItem を追加して、ジャンル一覧 ノードの下に２つの子ノードを作成します。XAML

    XAML
    コードのコピー 
    <c1:C1TreeViewItem Header="文学"/>
<c1:C1TreeViewItem Header="ノンフィクション"/>

  3. もう１つの <c1:C1TreeViewItem> タグを追加し、２つの子ノードを含む新しい最上位ノードを作成します。XAML マークアップは次のようになります。

    XAML
    コードのコピー 
    <c1:C1TreeViewItem Header="ビジネス">
  <c1:C1TreeViewItem Header="経済学"/>
  <c1:C1TreeViewItem Header="マーケティング"/>
</c1:C1TreeViewItem>
    XAML
    コードのコピー 
     <Grid>
        <c1:C1TreeView Name="Tree" >
            <c1:C1TreeViewItem Header="ジャンル一覧">
                <c1:C1TreeViewItem Header="文学"/>
                <c1:C1TreeViewItem Header="ノンフィクション"/>
                <c1:C1TreeViewItem Header="ビジネス">
                    <c1:C1TreeViewItem Header="経済学"/>
                    <c1:C1TreeViewItem Header="マーケティング"/>
                </c1:C1TreeViewItem>
            </c1:C1TreeViewItem>
        </c1:C1TreeView>
    </Grid>
</Window>

  4. プロジェクトを実行します。Book ノードは展開されていません。このノードは、矢印マークをクリックすることで展開できます。

コードの場合

分離コードファイルで C1TreeView コントロールに静的な C1TreeView 項目を追加するには、コードエディタで次のコードを追加します。

Visual Basic
コードのコピー 
Imports C1.WPF
Class MainWindow
    Public Sub New()
        InitializeComponent()
        InitializeTreeView()
    End Sub
    Private Sub InitializeTreeView()
        ' 設計時に追加された項目を削除します
        Tree.Items.Clear()
        Dim booklist As New C1TreeViewItem()
        booklist.Header = "ジャンル一覧"
        Tree.Items.Add(booklist)
        ' 子項目を追加します
        Dim language As New C1TreeViewItem()
        language.Header = "文学"
        booklist.Items.Add(language)
        ' 子項目を追加します
        Dim security As New C1TreeViewItem()
        security.Header = "ノンフィクション"
        booklist.Items.Add(security)
        ' 子項目を追加します
        Dim classic As New C1TreeViewItem()
        classic.Header = "ビジネス"
        booklist.Items.Add(classic)
        ' 子項目を追加します
        Dim subclassic As New C1TreeViewItem()
        subclassic.Header = "経済学"
        classic.Items.Add(subclassic)
        Dim subclassic2 As New C1TreeViewItem()
        subclassic2.Header = "マーケティング"
        classic.Items.Add(subclassic2)
    End Sub
End Class

C#
コードのコピー 
using C1.WPF;
public MainWindow()
{
    InitializeComponent();
    InitializeTreeView();
}
void InitializeTreeView()
{
    // 設計時に追加された項目を削除します
    Tree.Items.Clear();
    C1TreeViewItem booklist = new C1TreeViewItem();
    booklist.Header = "ジャンル一覧";
    Tree.Items.Add(booklist);
   // 子項目を追加します
    C1TreeViewItem language = new C1TreeViewItem();
    language.Header = "文学";
    booklist.Items.Add( language );
    // 子項目を追加します
    C1TreeViewItem security = new C1TreeViewItem();
    security.Header = "ノンフィクション";
    booklist.Items.Add(security);
    // 子項目を追加します
    C1TreeViewItem classic = new C1TreeViewItem();
    classic.Header = "ビジネス";
    booklist.Items.Add(classic);
    // 子項目を追加します
    C1TreeViewItem subclassic = new C1TreeViewItem();
    subclassic.Header = "経済学";
    classic.Items.Add(subclassic);
    C1TreeViewItem subclassic2 = new C1TreeViewItem();
    subclassic2.Header = "マーケティング";
    classic.Items.Add(subclassic2);

VisualBasic
コードのコピー 
Imports C1.Silverlight
Class MainPage
Public Sub New()
    InitializeComponent()
    InitializeTreeView()
End Sub
Private Sub InitializeTreeView()
    ' 設計時に追加された項目を削除します
    'Tree.Items.Clear();
    Dim booklist As New C1TreeViewItem()
    booklist.Header = "ジャンル一覧"
    Tree.Items.Add(booklist)
    ' 子項目を追加します
    Dim language As New C1TreeViewItem()
    language.Header = "文学"
    booklist.Items.Add(language)
    ' 子項目を追加します
    Dim security As New C1TreeViewItem()
    security.Header = "ノンフィクション"
    booklist.Items.Add(security)
    ' 子項目を追加します
    Dim classic As New C1TreeViewItem()
    classic.Header = "ビジネス"
    booklist.Items.Add(classic)
    ' 子項目を追加します
    Dim subclassic As New C1TreeViewItem()
    subclassic.Header = "経済学"
    classic.Items.Add(subclassic)
    Dim subclassic2 As New C1TreeViewItem()
    subclassic2.Header = "マーケティング"
    classic.Items.Add(subclassic2)
End Sub.

C#
コードのコピー 
using C1.Silverlight;
public MainPage()
        {
            InitializeComponent();
            InitializeTreeView();
        }
       void InitializeTreeView()
       {
            // 設計時に追加された項目を削除します
           //Tree.Items.Clear();
            C1TreeViewItem booklist = new C1TreeViewItem();
            booklist.Header = "ジャンル一覧";
           Tree.Items.Add(booklist);
           // 子項目を追加します
          C1TreeViewItem language = new C1TreeViewItem();
          language.Header = "文学";
          booklist.Items.Add( language );
         // 子項目を追加します
         C1TreeViewItem security = new C1TreeViewItem();
         security.Header = "ノンフィクション";
         booklist.Items.Add(security);
        // 子項目を追加します
        C1TreeViewItem classic = new C1TreeViewItem();
        classic.Header = "ビジネス";
        booklist.Items.Add(classic);
       // 子項目を追加します
       C1TreeViewItem subclassic = new C1TreeViewItem();
       subclassic.Header = "経済学";
       classic.Items.Add(subclassic);
       C1TreeViewItem subclassic2 = new C1TreeViewItem();
       subclassic2.Header = "マーケティング";
       classic.Items.Add(subclassic2);
       }

 

 

Copyright © GrapeCity, Inc. All rights reserved.