この手順では、C1TreeView コントロールに C1TreeViewItems を追加する 2 つの方法 (XAML マークアップとコード) について説明します。
XAML の場合
XAML で C1TreeView コントロールに静的な C1TreeViewItem を追加するには
C1TreeViewItem を追加して、「ジャンル一覧」という名前の最上位ノードを作成します。<c1:C1TreeViewItem> タグ内に、Header="ジャンル一覧 を追加します。これにより、最上位ノードが作成されます。XAML マークアップは次のようになります。
| XAML |
コードのコピー
|
|---|---|
<c1:C1TreeViewItem Header="ジャンル一覧"></c1:C1TreeViewItem>
|
|
<c1:C1TreeViewItem Header="ジャンル一覧"></c1:C1TreeViewItem> タグの間に2つの子 C1TreeViewItem を追加して、ジャンル一覧 ノードの下に2つの子ノードを作成します。XAML
| XAML |
コードのコピー
|
|---|---|
<c1:C1TreeViewItem Header="文学"/> <c1:C1TreeViewItem Header="ノンフィクション"/> |
|
もう1つの <c1:C1TreeViewItem> タグを追加し、2つの子ノードを含む新しい最上位ノードを作成します。XAML マークアップは次のようになります。
| XAML |
コードのコピー
|
|---|---|
<c1:C1TreeViewItem Header="ビジネス"> <c1:C1TreeViewItem Header="経済学"/> <c1:C1TreeViewItem Header="マーケティング"/> </c1:C1TreeViewItem> |
|
次の XAML マークアップがファイルに含まれるようになります:
| 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>
|
|
プロジェクトを実行します。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); |
|