WPF Grid + DataGrid多表头 动态列实现
2017-12-19 13:46
387 查看
使用了Grid + DataGrid 显示
Grid部分(表头部分)用了GridSplitter作为列的区分,可以调节列宽,(未实现自动排序)
DataGrid部分,隐藏DataGrid的Header部分
界面部分:
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> 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数据绑定,表头复选框实现全选、全否、部分选中,根据条目动态变化
- 利用jquery 实现动态多表头Grid
- datagrid多层表头及datagrid列动态统计功能的实现 【转】
- easyui datagrid 动态表头 动态columns 的一种实现方式
- datagrid多层表头及datagrid列动态统计功能的实现
- 《EasyUI》——给DataGrid动态绑定表头和数据,实现表头与数据的真正解耦
- [置顶] easyUI 动态生成表头,与动态绑定数据,实现代码
- WPF实现界面动态布局
- jQuery EasyUI-DataGrid动态加载表头
- 自由动态配置grid 表头,样式和数据
- WPF通过DynamicResource实现给界面动态更换皮肤
- C#开发WPF/Silverlight动画及游戏系列教程(Game Tutorial):(八) 完美实现A*寻径动态动画
- 实现 DataGrid表头不动,表身滚动 的方法
- Asp.net2.0 DataGrid多行表头与可编辑template模板的网格实现。
- SSRS:按月汇总的动态表头实现-Matrix Control
- ExtJs 实现动态加载grid完整示例
- EasyUI-DataGrid多线动态实现选择性合并
- javascript实现动态表头及表列的展现方法
- Silverlight DataGrid 多重表头实现