说明:通过学习Silverlight TreeView组件及其子组件TreeViewItem,您将了解到该组件能够以树状列表方式显示层次数据。在实际开发中,其常被用作导航栏、目录表等。
一、基本特性:
[TreeView]
组件所在命名空间:
SELEctedItem:
获取在
TreeView组件中被选中的项目。
组件常用事件:
[TreeViewItem]
组件所在命名空间:
IsExpanded:
获取或设置
一个值来判断包含在
TreeViewItem中的项目是否展开或闭合。
IsSELEcted:
获取或设置
一个值来判断
TreeViewItem是否被选中。
组件常用事件:
实例1——静态TreeView:
说明:需要掌握TreeViewItem的嵌套,以
便构筑复杂的层
次数据。
代码段:
@H_657_25
@mainPage.xaml
代码:
<UserControl
xmlns="http://scheR_7_11845@as.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://scheR_7_11845@as.microsoft.com/winfx/2006/xaml"
xmlns:d="http://scheR_7_11845@as.microsoft.com/expression/blend/2008" xmlns:mc="http://scheR_7_11845@as.openxmlformats.org/markup-compatibility/2006"
@H_573_19
@mc:Ignorable="d" xmlns:controls="clr-namespace:Sy
stem.Window
s.Controls;assembly=Sy
stem.Window
s.Controls" x:Class="Silver
Lightclient.MainPage"
Width="640" Height="480">
<Grid x:Name="LayoutRoot"
BACkground="White" Width="640" Height="480">
<controls:TreeView x:Name="tv
employee" HorizontalAlignment="Left" Margin="8,8,0" Width="184" Height="220" VerticalAlignment="Top" FontSize="14">
<controls:TreeViewItem Header="层次一
">
<controls:TreeViewItem Header="1.1">
<controls:TreeViewItem Header="1.1.1" />
<controls:TreeViewItem Header="1.1.2" />
</controls:TreeViewItem>
<controls:TreeViewItem Header="1.2" />
<controls:TreeViewItem Header="1.3" />
</controls:TreeViewItem>
<controls:TreeViewItem Header="层次二
">
<controls:TreeViewItem Header="2.1" />
<controls:TreeViewItem Header="2.2">
<controls:TreeViewItem Header="2.2.1">
<controls:TreeViewItem Header="2.2.1.1" />
<controls:TreeViewItem Header="2.2.1.2" />
</controls:TreeViewItem>
<controls:TreeViewItem Header="2.2.2" />
</controls:TreeViewItem>
<controls:TreeViewItem Header="2.3" />
</controls:TreeViewItem>
<controls:TreeViewItem Header="层次三
">
<controls:TreeViewItem Header="3.1" />
</controls:TreeViewItem>
</controls:TreeView>
</Grid>
</UserControl>
@H_657_25
@mainPage.xam
l.cs
代码:
using Sy
stem.Window
s.Controls;
using Sy
stem.Window
s.Documents;
using Sy
stem.Window
s.Media.Animation;
public partial class MainPage : UserControl
public MainPage()
}
}
}
实例2——动态TreeView
@H_657_25
@mainPage.xaml
代码:
<UserControl
xmlns="http://scheR_7_11845@as.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://scheR_7_11845@as.microsoft.com/winfx/2006/xaml"
xmlns:d="http://scheR_7_11845@as.microsoft.com/expression/blend/2008" xmlns:mc="http://scheR_7_11845@as.openxmlformats.org/markup-compatibility/2006"
@H_573_19
@mc:Ignorable="d" xmlns:controls="clr-namespace:Sy
stem.Window
s.Controls;assembly=Sy
stem.Window
s.Controls" x:Class="Silver
Lightclient.MainPage"
Width="640" Height="480">
<Grid x:Name="LayoutRoot"
BACkground="White" Width="640" Height="480">
<controls:TreeView x:Name="tv
employee" HorizontalAlignment="Left" Margin="8,0" Width="184" Height="220" VerticalAlignment="Top" FontSize="14">
<controls:TreeViewItem Header="层
1"/>
<controls:TreeViewItem Header="层
2"/>
<controls:TreeViewItem Header="层
3"/>
</controls:TreeView>
<Button x:Name="btnCreateNode" HorizontalAlignment="Left" Margin="19,209" Width="159" Content="动态创建结点
" Height="29" VerticalAlignment="Bottom" FontSize="16"/>
</Grid>
</UserControl>
@H_657_25
@mainPage.xam
l.cs
代码:
using Sy
stem.Window
s.Controls;
using Sy
stem.Window
s.Documents;
using Sy
stem.Window
s.Media.Animation;
public partial class MainPage : UserControl
int i = 1;
public MainPage()
this.btnCreateNode.Click += new RoutedEventHandler(btnCreateNode_Click);
}
void btnCreateNode_Click(object sender,RoutedEventArgs E)
TreeViewItem tvi = (TreeViewItem)tvemployee.SELEctedItem;//当前选中结点
TreeViewItem newNode = new TreeViewItem();//新结点
newNode.Header =
"Test" + Convert.ToString(i);
i++;
}
}
}
}
http://www.cnblogs.com/Kinglee/archive/2009/08/10/1543110.html