WPF Grid + DataGrid多表头 动态列实现
2016-12-12 20:34
363 查看
使用了Grid + DataGrid 显示
Grid部分(表头部分)用了GridSplitter作为列的区分,可以调节列宽,(未实现自动排序)
DataGrid部分,隐藏DataGrid的Header部分
界面部分:
主要作用是确定名称和一些基本设置,当然后台也可以。
动态列实现是由ObservableCollection<ObservableCollection<string>>模拟,用于数据更新时的局部刷新。
3行4列,表头每列的显示有边框可以去掉,只用GridSplitter作为分割线即可。即在创建表头时需要自己算一下GridSplitter的行列关系。
风格不会调。。。。。
![](https://img-blog.csdn.net/20161212202717342?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvaTA3MDNtdGY=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
后台代码:
Grid部分(表头部分)用了GridSplitter作为列的区分,可以调节列宽,(未实现自动排序)
DataGrid部分,隐藏DataGrid的Header部分
界面部分:
<Grid> <Grid.RowDefinitions> <RowDefinition Height="63"></RowDefinition> <RowDefinition Height ="*"></RowDefinition> </Grid.RowDefinitions> <Grid Grid.Row="0" x:Name ="GridHs" ShowGridLines="False" Height ="63" VerticalAlignment ="Top"> </Grid> <DataGrid Grid.Row="1" x:Name ="DataGridHs" HeadersVisibility="None" ItemsSource="{Binding}" DisplayMemberPath="Data" Height ="400" CanUserAddRows =" False" VerticalAlignment="Top" AutoGenerateColumns="False" ></DataGrid> </Grid> </Grid>
主要作用是确定名称和一些基本设置,当然后台也可以。
动态列实现是由ObservableCollection<ObservableCollection<string>>模拟,用于数据更新时的局部刷新。
3行4列,表头每列的显示有边框可以去掉,只用GridSplitter作为分割线即可。即在创建表头时需要自己算一下GridSplitter的行列关系。
风格不会调。。。。。
后台代码:
public MainWindow() { InitializeComponent(); BuildDG2(); BuildDG21(); }
public ObservableCollection<ObservableCollection<string>> datas2 = new ObservableCollection<ObservableCollection<string>>(); void BuildDG2() { for (int i = 0; i < 4; i++) { ColumnDefinition column1 = new ColumnDefinition(); column1.Width = GridLength.Auto; this.GridHs.ColumnDefinitions.Add(column1); ColumnDefinition column = new ColumnDefinition(); column.Width = new GridLength(1); this.GridHs.ColumnDefinitions.Add(column); } for (int i = 0; i < 3; i++) { this.GridHs.RowDefinitions.Add(new RowDefinition()); RowDefinition column = new RowDefinition(); column.Height = new GridLength(1); this.GridHs.RowDefinitions.Add(column); } for (int i = 0; i < 3; i++) { for (int j = 0; j < 4; j++) { if (i == 0 && j == 2) { continue; } UniformGrid gridTitle = new UniformGrid(); Border b = new Border(); b.VerticalAlignment = VerticalAlignment.Stretch; b.HorizontalAlignment = HorizontalAlignment.Stretch; b.Name = "Grid" + i + j; Pen p = new Pen(); b.BorderBrush = new SolidColorBrush(Colors.Green); b.BorderThickness = new System.Windows.Thickness(2); TextBlock tbxTitleChinese = new TextBlock(); b.Child = tbxTitleChinese; tbxTitleChinese.Text = "语文" + i + j; tbxTitleChinese.Width = 60; tbxTitleChinese.Height = 20; gridTitle.Children.Add(b); gridTitle.SetValue(Grid.RowProperty, i*2); gridTitle.SetValue(Grid.ColumnProperty, j*2); this.GridHs.Children.Add(gridTitle); if (i == 0 && j == 1) { Grid.SetColumnSpan(gridTitle,3); b.Width = 100; } if (i==2) { Binding bd = new Binding(); bd.Path = new System.Windows.PropertyPath("Width"); bd.ElementName = @"行" + i; BindingOperations.SetBinding(gridTitle, WidthProperty, bd); } } } for (int i = 0; i < 4; i++) { GridSplitter gSp = new GridSplitter(); gSp.Background = new SolidColorBrush(Colors.Green); gSp.HorizontalAlignment = HorizontalAlignment.Stretch; gSp.Width = 1; if (i == 1) { gSp.SetValue(Grid.RowProperty, 1); } else { gSp.SetValue(Grid.RowProperty, 0); } gSp.SetValue(Grid.ColumnProperty, i * 2 + 1); this.GridHs.Children.Add(gSp); Grid.SetRowSpan(gSp, 6); } } void BuildDG21() { for (int i = 0; i < 10; i++) { ObservableCollection<string> columnsList = new ObservableCollection<string>(); for (int j = 0; j < 4; j++) { columnsList.Add((i + j + 3).ToString()); } datas2.Add(columnsList); } for (int i = 0; i < 4; i++) { DataGridTextColumn dgColumn = new DataGridTextColumn(); dgColumn.Header = @"行" + i; dgColumn.SetValue(NameProperty, @"行" + i); this.DataGridHs.Columns.Add(dgColumn); MultiBinding mbd = new MultiBinding(); Binding bd1 = new Binding("[" + i + "]"); Binding bd2 = new Binding(); bd2.Path = new System.Windows.PropertyPath("ActualWidth"); bd2.Source = LogicalTreeHelper.FindLogicalNode(this.GridHs,"Grid2" + i); dgColumn.Binding = bd1; BindingOperations.SetBinding(dgColumn, DataGridTextColumn.WidthProperty, bd2); } this.DataGridHs.DataContext = datas2; }
相关文章推荐
- WPF Grid + DataGrid多表头 动态列实现
- WPF Datagrid Header数据绑定,表头复选框实现全选、全否、部分选中,根据条目动态变化
- datagrid多层表头及datagrid列动态统计功能的实现 【转】
- 利用jquery 实现动态多表头Grid
- datagrid多层表头及datagrid列动态统计功能的实现
- easyui datagrid 动态表头 动态columns 的一种实现方式
- 《EasyUI》——给DataGrid动态绑定表头和数据,实现表头与数据的真正解耦
- 实现 DataGrid表头不动,表身滚动 的方法
- 利用Div实现DataGrid表头固定
- 用javascript实现动态增加DataGrid行
- [推荐]DataGrid表头跨行合并的实现
- [推荐]DataGrid表头跨行合并的实现
- 合并实现DataGrid多表头
- 如何通过动态生成Html灵活实现DataGrid分类统计的界面显示功能
- 扩展DataGrid控件,能够实现多列排序,自定义标题,动态增加表头等
- [总结]DataGrid 固定表头实现(纵向和横向滚动条滚动,而Header不动)
- 动态合并DataGrid表头栏位
- [原创]dataGrid在页面拖动行(在表头,用htc文件实现)
- 合并实现DataGrid多表头 (转自:http://singlepine.cnblogs.com/articles/282990.html)
- [转帖]DataGrid显示双层表头,即可实现合并单元格问题