首页 > 其他分享 >浅谈WPF之DataGrid动态生成列

浅谈WPF之DataGrid动态生成列

时间：2024-02-22 23:46:10浏览次数：31  
标签：浅谈 students DataGrid Students Add new WPF public

在日常开发中，DataGrid作为二维表格，非常适合数据的展示和统计。通常情况下，一般都有固定的格式和确定的数据列展示，但是在某些特殊情况下，也可能会需要用到动态生成列。本文以一些简单的小例子，简述在WPF开发中，如何动态生成DataGrid的行和列，仅供学习分享使用，如有不足之处，还请指正。

 

涉及知识点

 

在本示例中，用到的知识点如下所示：

  1. CommunityToolkit.Mvvm，微软提供的一个基于.Net的MVVM框架库，通过此库，可以方便是实现数据绑定和命令绑定，达到前后端分离的目的。
  2. ObservableCollection ，相比较于List，当列表中的数据条数发生变化时，会自动进行通知，实现数据的实时更新。
  3. DataTable，表示内存的一个数据表格，可以动态创建列，并自动绑定到DataGrid中。
  4. ExpandoObject 表示一个动态对象，其内容可以动态添加和删除。

 

普通绑定

 

将ViewModel中的列表对象，绑定到View页面中的DataGrid，实现步骤如下：

 

1. 创建模型

 

创建绑定到DataGrid中的对象模型，如下所示：

public class Student
{
	/// <summary>
	/// 唯一标识
	/// </summary>
	public int Id { get; set; } 

	/// <summary>
	/// 姓名
	/// </summary>
	public string Name { get; set; }

	/// <summary>
	/// 年龄
	/// </summary>
	public int Age { get; set; }

	/// <summary>
	/// 性别
	/// </summary>
	public string Gender { get; set; }

	/// <summary>
	/// 地址
	/// </summary>
	public string Addr { get; set; }
}

 

2. 创建数据源列表对象

 

创建要绑定到视图层的列表对象Students，并赋值，如下所示：

public class GeneralBindingViewModel:ObservableObject
{
	private ObservableCollection<Student> students;

	public ObservableCollection<Student> Students
	{
		get { return students; }
		set { SetProperty(ref students, value); }
	}

	public GeneralBindingViewModel()
	{
		Students=new ObservableCollection<Student>();
	}

	#region Loaded命令

	private ICommand winLoadedCommand;

	public ICommand WinLoadedCommand
	{
		get
		{
			if (winLoadedCommand == null)
			{
				winLoadedCommand = new RelayCommand<object>(WinLoaded);
			}
			return winLoadedCommand;
		}
	}

	private void WinLoaded(object sender)
	{
		if (sender != null)
		{

		}
		if (Students == null || Students.Count < 1)
		{
			var parentName = new string[5] { "张", "王", "李", "赵", "刘" };
			var province = new string[5] { "河南", "江苏", "河北", "湖北", "福建" };
			for (int i = 0; i < 20; i++)
			{
				var student = new Student()
				{
					Id = i,
					Name = parentName[(i % 4)] + i.ToString().PadLeft(2, 'A'),
					Age = 20 + (i % 5),
					Gender = i % 2 == 0 ? "男" : "女",
					Addr = province[(i % 4)]
				};
				this.Students.Add(student);
			}
		}
	}

	#endregion
}

 

3. 视图绑定

 

在UI视图中，为DataGrid的ItemsSource属性绑定数据源，如下所示：

<Window x:Class="DemoDynamicBinding.GeneralBinding"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:DemoDynamicBinding"
        mc:Ignorable="d"
        Title="基础绑定" Height="450" Width="800">
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="Loaded">
            <i:InvokeCommandAction Command="{Binding WinLoadedCommand}" CommandParameter="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Window}}"/>
        </i:EventTrigger>
    </i:Interaction.Triggers>
    <Grid>
        <DataGrid ItemsSource="{Binding Students}" CanUserAddRows="False" CanUserDeleteRows="False" ColumnWidth="*" ColumnHeaderHeight="30" RowHeight="25" AlternationCount="2" AlternatingRowBackground="AliceBlue" RowBackground="#ffffee">
            
        </DataGrid>
    </Grid>
</Window>

 

4. 关联视图层和ViewModel层

 

在视图文件对应的cs文件中，创建ViewModel对象，如下所示：

public partial class GeneralBinding : Window
{
	private GeneralBindingViewModel viewModel;

	public GeneralBinding()
	{
		InitializeComponent();
		if(viewModel == null)
		{
			viewModel = new GeneralBindingViewModel();
			this.DataContext = viewModel;
		}
	}
}

 

动态生成列

 

在WPF开发中，动态生成DataGrid列，共有两种方式：

 

1. DataTable作为数据源

 

通过DataTable作为数据源，可以不用创建模型，也不需要使用ObservableCollection对象，直接使用DataTable作为数据承载对象，DataGrid会根据DataTable的Columns列表自动生成列。如下所示：

public class DataTableBindingViewModel:ObservableObject
{
	private DataTable students;

	public DataTable Students
	{
		get { return students; }
		set { SetProperty(ref students , value); }
	}

	public DataTableBindingViewModel()
	{
		Students = new DataTable();
	}

	#region Loaded命令

	private ICommand winLoadedCommand;

	public ICommand WinLoadedCommand
	{
		get
		{
			if (winLoadedCommand == null)
			{
				winLoadedCommand = new RelayCommand<object>(WinLoaded);
			}
			return winLoadedCommand;
		}
	}

	private void WinLoaded(object sender)
	{
		if (sender != null)
		{

		}
		if (Students == null || Students.Rows.Count < 1)
		{
			var students = new DataTable();
			students.Columns.Add("Id",typeof(int));
			students.Columns.Add("Name", typeof(string));
			students.Columns.Add("Age", typeof(int));
			students.Columns.Add("Gender", typeof(string));
			students.Columns.Add("Addr", typeof(string));
			var parentName = new string[5] { "张", "王", "李", "赵", "刘" };
			var province = new string[5] { "河南", "江苏", "河北", "湖北", "福建" };
			
			for (int i = 0; i < 20; i++)
			{
				var dr = students.NewRow();
				dr["Id"] = i;
				dr["Name"] = parentName[(i % 5)] + i.ToString().PadLeft(2, 'A');
				dr["Age"] = 20 + (i % 5);
				dr["Gender"] = i % 2 == 0 ? "男" : "女";
				dr["Addr"] = province[(i % 5)];
			   
				students.Rows.Add(dr);
			}
			this.Students= students;
		}
	}

	#endregion

}

 

2. ExpandoObject作为模型

 

ExpandoObject是dynamic类型，可以在运行时动态的添加和删除内容。而且ExpandoObject对象支持Key=Value形式，并可以对Key进行绑定。如下所示：

public class DynamicBindingViewModel : ObservableObject
{
	private ObservableCollection<ExpandoObject> students;

	public ObservableCollection<ExpandoObject> Students
	{
		get { return students; }
		set { SetProperty(ref students , value); }
	}

	private DataGrid dataGrid;


	public DynamicBindingViewModel()
	{
		this.Students = new ObservableCollection<ExpandoObject>();
	}

	#region Loaded命令

	private ICommand winLoadedCommand;

	public ICommand WinLoadedCommand
	{
		get
		{
			if (winLoadedCommand == null)
			{
				winLoadedCommand = new RelayCommand<object>(WinLoaded);
			}
			return winLoadedCommand;
		}
	}

	private void WinLoaded(object sender)
	{
		if (sender != null)
		{
			var control = sender as DynamicBinding;
			if (control != null)
			{
				this.dataGrid = control.dgTest;
			}
		}
		if (Students == null || Students.Count < 1)
		{
			var parentName = new string[5] { "张", "王", "李", "赵", "刘" };
			var province = new string[5] { "河南", "江苏", "河北", "湖北", "福建" };
			for (int i = 0; i < 20; i++)
			{
				dynamic item = new ExpandoObject();
				item.Id=i.ToString();
				item.Name = parentName[(i % 5)] + i.ToString().PadLeft(2, 'A');
				item.Age = 20 + (i % 5);
				item.Gender = i % 2 == 0 ? "男" : "女";
				item.Addr = province[(i % 5)];
				this.Students.Add(item);
			}
			//添加列
			this.dataGrid.Columns.Add(new DataGridTextColumn() { Header = "学号", Binding = new Binding("Id") });
			this.dataGrid.Columns.Add(new DataGridTextColumn() { Header = "姓名", Binding = new Binding("Name") });
			this.dataGrid.Columns.Add(new DataGridTextColumn() { Header = "年龄", Binding = new Binding("Age") });
			this.dataGrid.Columns.Add(new DataGridTextColumn() { Header = "性别", Binding = new Binding("Gender") });
			this.dataGrid.Columns.Add(new DataGridTextColumn() { Header = "地址", Binding = new Binding("Addr") });
		}
	}

	#endregion
}

 

示例效果

 

以上三种方式，实现的效果都是一致的，只是分别应用到不同的场景中，如下所示：

 

源码下载

 

关于源码下载，可关注公众号，回复关键字：WDDGRID 即可，如下所示：

以上就是【浅谈WPF之DataGrid动态生成列】的全部内容，关于更多详细内容，可参考官方文档。希望能够一起学习，共同进步。

学习编程，从关注【老码识途】开始，为大家分享更多文章！！！

标签：浅谈,students,DataGrid,Students,Add,new,WPF,public
From： https://www.cnblogs.com/hsiang/p/18026464

相关文章

  • 在WPF中使用本地Webview2,不依赖系统runtime
    在WPF中使用本地Webview2,不依赖系统runtime项目运行环境：.netframework4.5.2Windows7x64ServicePack1WebView2Microsoft.WebView2.FixedVersionRuntime.120.0.2210.91.x64考虑到很多老项目，本项目使用的是.netframework4.5.2，.Net更高版本的其实也是可以支持的。......
  • ES6中的class浅谈
    在ES6中引入了类（class）的概念，让JavaScript更加接近传统面向对象编程语言。类提供了一种用于创建对象的模板，其中包含了属性和方法的定义。1.定义类使用class关键字可以定义一个类，类名通常以大写字母开头。 1classPerson{234constructor(name,age,work......
  • 在WPF的RichTextBox富文本中加入一个可点击的按钮
    <RichTextBox><local:MyFlowDocument><Paragraph><InlineUIContainer><ButtonContent="ClickMe!"Click="Button_Click"/>......
  • 浅谈筛法
    浅谈筛法Euler筛Eratosthenes筛可以证明（不是“不难证明”），Eratosthenes筛的复杂度为\(\Theta(n\log\logn)\)。Eratosthenes筛的复杂度证明Dirichlet前缀和以P5495【模板】Dirichlet前缀和为例。给定\(a_1,a_2,\cdots,a_n\)，求\(b_1,b_2,\cdots,b_n\)，满足\[b_i......
  • c# WPF 布局控件
    c#WPF布局控件风雨飘潇有鼻子有眼，普通路人一个 3人赞同了该文章一、概论WPF是继MFC和Winform后，下一代Windows桌面应用程序的技术。其核心是一个与分辨率无关并且基于向量的程序引擎，以在现代图形硬件的优势下，实现更优质的用户客户端软......
  • 循环可变化的集合 数组 datatable 等 || c# winfrom DataGridView 动态UI下载功能
    Gif演示   分解步骤1，使用组件DataGridView2，使用DataSource来控制表格展示的数据来源（注意:来源需要是DataTable类型）3，需要用到异步线程。如果是不控制数据源的话，需要使用UI安全线程；（使用Control.Invoke或Control.BeginInvoke方法）4，DataGridView的列如果设置图片，尽量代码......
  • electron delphi winform wpf qt的对比
    Electron、Delphi、WinForms、WPF和Qt都是用于开发桌面应用程序的工具或框架，它们各自有一些独特的优点和适用场景。以下是对这些工具的简要对比：Electron：基于Web技术（HTML、CSS和JavaScript）的跨平台桌面应用程序开发框架。使用Chromium渲染引擎提供强大的页面渲染能力。适用......
  • 【开工大吉】推荐4款开源、美观的WPF UI组件库
    思维导航前言WPF介绍HandyControlPanuon.WPF.UIAduSkinLayui-WPF优秀项目和框架精选DotNetGuide技术社区交流群前言经常有小伙伴在技术群里提问：WPF有什么好用的UI组件库？,今天大姚给大家推荐4款开源、美观的WPFUI组件库。WPF介绍WPF是一个强大的桌面应用程序......
  • 浅谈集合幂级数
    叠甲：读者很菜。集合幂级数是一个很厉害的东西。我们对于是有限集的全集\(\mathbb{U}={1,2,\dotsn}\)，我们利用占位符\(x^S\)来表示一个序列\(f\)，其中对于\(S\subseteq\mathbb{U}\)的值为\(f_S\)。一般记为\(F=\sum\limits_{S\subseteq\mathbb{U}}f_Sx^S\)。对于占位......
  • 浅谈iPaaS对企业转型的重要性
    面对数字化转型的大浪潮，众多企业都期望着能快速实现全面的数字化转型，让企业在日益激烈的竞争中拥有更稳的市场地位，提升自身的实力及能力，奠定更坚实的基底。但在数字化转型过程中，部分企业数字化基础水平较薄弱，集成方面更多的是采用传统的集成方式，集成结构单一、功能间不能复用、往......

赞助商

阅读排行

网站主页关于我们联系我们网站地图

本网站内容转载自其他媒体，侵权联系[admin##ips99.com]。

Copyright © 2020-2023 IPS99 版权所有 IPS99