[WPF](小结2)DataGrid嵌套DataGrid(也叫主从表)
DataGrid嵌套DataGrid(也叫主从表),效果为:单击表中某项后,从中间展开一个新表,总表绑定的是题目类大集合,从表绑定的是对应的选项集合.
第一:选构建题目类,再建一个选项类,题目类集合中的每个项包含一个选项类集合,即数组嵌套数组,C#语句如下:
(为方便看清语句,类直接写在主程序中)
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Windows; using System.Windows.Controls; using System.Windows.Data; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Imaging; using System.Windows.Navigation; using System.Windows.Shapes; using System.Collections .ObjectModel ;//ObservableCollection命名空间 namespace DataGridInDataGrid { /// <summary> /// MainWindow.xaml 的交互逻辑 /// </summary> public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); } //题目类 class question { 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; } } //选项类 class choseItem { public string ChoseName//选项名,比如:A,B,C,D之类 { get; set; } public string ChoseContent//选项内容 { get; set; } } ObservableCollection<question> Questions = new ObservableCollection<question>();//题目数组 private void Window_Loaded(object sender, 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)); } datagrid1.ItemsSource = Questions; } } }
第二步:主界面的绑定语句如下:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<Window x:Class="DataGridInDataGrid.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="DataGridInDataGrid" Height="350" Width="525" Loaded="Window_Loaded"> <Grid> <DataGrid AutoGenerateColumns="False" Name="datagrid1"> <DataGrid.Columns> <DataGridTextColumn Header="ID值" IsReadOnly="True" Width="auto" Binding="{Binding questionID}" /> <DataGridTextColumn Header="题目" IsReadOnly="True" Width="auto" Binding="{Binding questionName}" /> </DataGrid.Columns> <DataGrid.RowDetailsTemplate > <DataTemplate > <DataGrid ItemsSource="{Binding choseItems}" AutoGenerateColumns="False" Margin="30,20,0,20" Background="Green"> <DataGrid.Columns> <DataGridTextColumn Header="选项名" Binding="{Binding ChoseName}" /> <DataGridTextColumn Header="选项内容举例" Binding="{Binding ChoseContent}"/> </DataGrid.Columns> </DataGrid> </DataTemplate> </DataGrid.RowDetailsTemplate> </DataGrid> </Grid> </Window>
第三:小结一下
1:表嵌套表也叫主从表,主要用到了DataGrid.RowDetailsTemplate 行详细模板,
2:要注意被嵌套的表要设置好margin值,要不然一点开会很突然,用户都搞不懂在显示什么,