摘要：
树嵌表格,也算是创新了,展开树时Show出表格,好象不太习惯,WPF就是在这方面比较强大,啥组合都弄得出来,好了操作步骤:第一:选构建题目类,再建一个选项类,题目类集合中的每个项包含一个选项类集合,即数组嵌套数组,C#语句如下:(为方便看清语句,类直接写在主程序中)C#代码如下：usingSystem;usingSystem.Collections.Generic;usingSystem.Linq
DataGridInTreeView树嵌表第1张](https://pic002.cnblogs.com/images/2012/296541/2012061210233357.jpg)
树嵌表格,也算是创新了,展开树时Show出表格,好象不太习惯,WPF就是在这方面比较强大,啥组合都弄得出来,好了操作步骤:
第一:选构建题目类,再建一个选项类,题目类集合中的每个项包含一个选项类集合,即数组嵌套数组,C#语句如下:
(为方便看清语句,类直接写在主程序中)
DataGridInTreeView树嵌表第2张](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
DataGridInTreeView树嵌表第3张](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
C#代码如下：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命名空间 namespaceDataGridInTree { /// <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_1(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="DataGridInTree.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"Title="DataGridInTreeView" Height="350" Width="525" Loaded="Window_Loaded_1"> <Window.Resources > <DataTemplate x:Key="myTreeViewGrid"> <TreeViewItem Name="treeviewitem1" > <TreeViewItem.Header > <StackPanel Orientation="Horizontal" > <CheckBox IsChecked="False" /> <TextBlock Margin="3" Text="{Binding questionID}"/> <Image Source="png.png" Width="24" Height="24" /> <TextBlock Margin="3" Text="{Binding questionName}" /> </StackPanel> </TreeViewItem.Header> <DataGrid ItemsSource="{Binding choseItems}" AutoGenerateColumns="False"CanUserSortColumns="False" Margin="5" > <DataGrid.Columns > <DataGridTextColumn Header="选项名" Binding="{Binding ChoseName}" IsReadOnly="True" /> <DataGridTextColumn Header="选项内容" Binding="{Binding ChoseContent}" IsReadOnly="True" /> </DataGrid.Columns> </DataGrid> </TreeViewItem> </DataTemplate> </Window.Resources> <Grid> <TreeView Name="treeview1" Margin="5" HorizontalContentAlignment="Stretch"ItemTemplate="{StaticResource myTreeViewGrid}" /> </Grid> </Window>
第三:小结一下: 1:TreeView本身有一个分层数据模板,试了没有弄成,后来一想这里不是分层,而是树嵌套表,应该是两码事,所以直接设置TreeViewItem即可, 2:WPF因为设计思路的新颖性,控件嵌套有点随心所欲,弄出很多怪怪的界面,还真不好适应. |