usingSystem; usingSystem.Collections.Generic; usingSystem.Linq; usingSystem.Text; usingSystem.Windows; usingSystem.Windows.Controls; usingSystem.Windows.Data; usingSystem.Windows.Documents; usingSystem.Windows.Input; usingSystem.Windows.Media; usingSystem.Windows.Media.Imaging; usingSystem.Windows.Navigation; usingSystem.Windows.Shapes; using System.Collections.ObjectModel;//ObservableCollection命名空间 namespaceTreeviewWithHierarchical { /// <summary> ///MainWindow.xaml 的交互逻辑 /// </summary> public partial classMainWindow : Window { publicMainWindow() { InitializeComponent(); } //题目类 classquestion { public Int32 questionID//题目ID号 { get; set; } public string questionName//题目名,比如:第1题或第2题等 { get; set; } public ObservableCollection<choseItem> choseItems//某题中"选项类"的集合,比如A-D { get; set; } public question(Int32 _id, string _questionname, ObservableCollection<choseItem> _choseitems)//构造函数 { questionID =_id; questionName =_questionname; choseItems =_choseitems; } } //选项类 classchoseItem { public string ChoseName//选项名,比如:A,B,C,D之类 { get; set; } public string ChoseContent//选项内容 { get; set; } } ObservableCollection<question> Questions = new ObservableCollection<question>();//题目数组 private void Window_Loaded(objectsender, RoutedEventArgs e) { string[] CharStr = new string[4] { "A", "B", "C", "D"}; for (int i = 0; i < 5; i++) { ObservableCollection<choseItem> ChoseItems = new ObservableCollection<choseItem>();//选项数组 for (int j = 0; j < 4; j++) { choseItem item = new choseItem();//选项类 item.ChoseName = CharStr[j] + ":"; item.ChoseContent = "选项内容举例..."; ChoseItems.Add(item); } Questions.Add(new question(i, "__第" + (i + 1).ToString() + "题", ChoseItems)); } treeview1.ItemsSource =Questions; } } }
第二步:主界面的绑定语句如下:
<Window x:Class="TreeviewWithHierarchical.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="TreeviewWithHierarchical" Height="350" Width="525" Loaded="Window_Loaded"> <Window.Resources > <!-- TreeView分层数据模板--> <HierarchicalDataTemplate ItemsSource="{Binding choseItems}" x:Key="myTreeviewWithHierarchical"> <StackPanel Orientation="Horizontal" > <CheckBox Margin="3" IsChecked="False" /> <Image Source="question2.png" Width="24" Height="24" /> <TextBlock Margin="3" Text="{Binding questionName}" /> </StackPanel> <HierarchicalDataTemplate.ItemTemplate > <DataTemplate > <Border Margin="3" BorderBrush="Blue" BorderThickness="1" CornerRadius="3" > <StackPanel Orientation="Horizontal" > <TextBlock Margin="3" Text="选项名:" /> <TextBlock Margin="3" Text="{Binding ChoseName}" /> <TextBlock Margin="3" Text="内容:" /> <TextBlock Margin="3" Text="{Binding ChoseContent}" /> </StackPanel> </Border> </DataTemplate> </HierarchicalDataTemplate.ItemTemplate> </HierarchicalDataTemplate> </Window.Resources> <Grid> <TreeView Name="treeview1" Margin="5" ItemTemplate="{StaticResource myTreeviewWithHierarchical}" /> </Grid> </Window>
第三:小结
<DataTemplate x:Key="myTreeViewGrid"> <TreeViewItem Name="treeviewitem1" > <TreeViewItem.Header >...... </TreeViewItem.Header>...... <DataGrid ItemsSource="{Binding choseItems}" > </DataGrid> </TreeViewItem> </DataTemplate>
2:最简单的情形是直接使用TreeView的TreeViewItem作为节点,比如:
<TreeView > <TreeViewItem Header="A"> <TreeViewItem Header="a1" /> <TreeViewItem Header="a2" /> </TreeViewItem> <TreeViewItem Header="B"> <TreeViewItem Header="b1" /> <TreeViewItem Header="b2" /> </TreeViewItem> </TreeView>