淺談WPF之DataGrid動態生成列

来源:https://www.cnblogs.com/hsiang/p/18026464
-Advertisement-
Play Games

在日常開發中，DataGrid作為二維表格，非常適合數據的展示和統計。通常情況下，一般都有固定的格式和確定的數據列展示，但是在某些特殊情況下，也可能會需要用到動態生成列。本文以一些簡單的小例子，簡述在WPF開發中，如何動態生成DataGrid的行和列，僅供學習分享使用，如有不足之處，還請指正。 ...


在日常開發中，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動態生成列】的全部內容，關於更多詳細內容，可參考官方文檔。希望能夠一起學習，共同進步。

學習編程，從關註【老碼識途】開始，為大家分享更多文章！！！


作者：小六公子
出處：http://www.cnblogs.com/hsiang/
本文版權歸作者和博客園共有，寫文不易，支持原創，歡迎轉載【點贊】，轉載請保留此段聲明，且在文章頁面明顯位置給出原文連接，謝謝。
關註個人公眾號，定時同步更新技術及職場文章


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 函數探秘：深入理解C語言函數，實現高效模塊化編程
    首先，咱們先聊聊，什麼是OOM? 小伙伴們，有沒有遇到過程式突然崩潰，然後拋出一個OutOfMemoryError的異常？這就是我們俗稱的OOM，也就是記憶體溢出。簡單來說，就是你的Java應用想要的記憶體超過了JVM願意給的極限，就會拋出這個錯誤。 那麼為什麼會出現OOM呢？一般都是由這些問題引起： ...
  • 【Django開發】0到1開發美多shop項目：簡訊驗證碼和RabbitMQ。全md文檔筆記（附代碼 文檔）
    今天來聊聊Java中跟數值處理相關的兩個類型Integer和BigDecimal。 說起這兩個類型，我們肯定都不陌生，但是其中有些容易踩到的坑需要註意避讓。 Integer 整型我們應該每天都會用到，但是每種語言還是有自己的特性。從敬姐剛從.NET轉過來的時候踩過的一個坑說起：話說在.NET世界中， ...
  • 細聊ASP.NET Core WebAPI格式化程式
    前言 我們在使用ASP.NET Core WebApi時它支持使用指定的輸入和輸出格式來交換數據。輸入數據靠模型綁定的機制處理，輸出數據則需要用格式化的方式進行處理。ASP.NET Core框架已經內置了處理JSON和XML的輸入和輸出方式，預設的情況我們提交JSON格式的內容，它可以自行進行模型綁 ...
  • Taurus.MVC WebMVC 入門開發教程1：框架下載環境配置與運行
    前言： 之前有網友說 Mvc系列的教程對新手不友好，因此補充新手入門系列教程。 在開始使用 Taurus.Mvc 進行 Web應用開發之前，建議可以觀摩一下之前的文章：WebAPI 系列教程 因為兩者的教程，有相通的部分，唯一的差別部分，在於Web應用涉及到UI界面。 本系列的目錄大綱為： Taur ...
  • WPF大展示專業指南：輕鬆實現多屏顯示的絕技
    概述：WPF通過System.Windows.Forms.Screen類，實現多屏顯示輕而易舉。通過獲取屏幕信息、確定窗體位置和設置窗體大小，可在大型展示或數據可視化應用中靈活利用多屏幕。示例代碼清晰演示瞭如何在WPF中實現這一功能。 在WPF（Windows Presentation Founda ...
  • WPF資源管理：窺探外部、窗體、全局和動態資源的秘密！
    概述：WPF中的資源管理機制包括外部資源、窗體資源、全局資源和動態資源。通過這些資源，開發者能夠在應用程式中有效地組織、重用樣式和模板，實現靈活的設計和運行時更改。這四種資源類型分別適用於不同的應用場景，為WPF應用程式提供了強大的擴展性和可維護性。 在WPF（Windows Presentatio ...
  • 開源：Taurus.DistributedLock 分散式鎖框架，支持 .Net 和 .Net Core 雙系列版本
    在經過漫長的技術沉澱，終於又為 .Net 及 .Net Core 的微服務系列框架貢獻當中的一個重要組件。Taurus.DistributedLock is a distributed lock for .net or .net core.【支持：Redis、MemCache、Database、Lo... ...
  • WPF PART_LeftThumb_DragDelta事件
    PART_LeftThumb_DragDelta事件是拖拽過程中實時觸發的。當用戶按住Thumb控制項並拖動時，該事件會在每次滑鼠或手指移動時實時觸發，而不是按照時間間隔定時觸發。這使得應用程式可以實時響應用戶的操作，更新UI或執行其他操作。 DragDeltaEventArgs.Horizontal ...
一周排行
    -Advertisement-
    Play Games
  • （開源）都進來！簡單易懂、功能強大的許可權+可視化流程管理系統
    1、預覽地址：http://139.155.137.144:9012 2、qq群:801913255 一、前言 隨著網路的發展，企業對於信息系統數據的保密工作愈發重視，不同身份、角色對於數據的訪問許可權都應該大相徑庭。 列如 1、不同登錄人員對一個數據列表的可見度是不一樣的，如數據列、數據行、數據按鈕 ...
  • 設計模式-C#實現簡單工廠模式
    前言 上一篇文章寫瞭如何使用RabbitMQ做個簡單的發送郵件項目，然後評論也是比較多，也是準備去學習一下如何確保RabbitMQ的消息可靠性，但是由於時間原因，先來說說設計模式中的簡單工廠模式吧！ 在瞭解簡單工廠模式之前，我們要知道C#是一款面向對象的高級程式語言。它有3大特性，封裝、繼承、多態。 ...
  • Nodify學習 一：介紹與使用
    Nodify學習 一：介紹與使用 - 可樂_加冰 - 博客園 (cnblogs.com) Nodify學習 二：添加節點 - 可樂_加冰 - 博客園 (cnblogs.com) 介紹 Nodify是一個WPF基於節點的編輯器控制項，其中包含一系列節點、連接和連接器組件，旨在簡化構建基於節點的工具的過程 ...
  • 使用C#/.NET解析Wiki百科數據實現獲取歷史上的今天
    創建一個webapi項目做測試使用。 創建新控制器，搭建一個基礎框架，包括獲取當天日期、wiki的請求地址等 創建一個Http請求幫助類以及方法，用於獲取指定URL的信息 使用http請求訪問指定url，先運行一下，看看返回的內容。內容如圖右邊所示，實際上是一個Json數據。我們主要解析 大事記 部 ...
  • .NET科普：.NET簡史、.NET Standard以及C#和.NET Framework之間的關係
    最近在不少自媒體上看到有關.NET與C#的資訊與評價，感覺大家對.NET與C#還是不太瞭解，尤其是對2016年6月發佈的跨平臺.NET Core 1.0，更是知之甚少。在考慮一番之後，還是決定寫點東西總結一下，也回顧一下.NET的發展歷史。 首先，你沒看錯，.NET是跨平臺的，可以在Windows、 ...
  • Nodify學習 二：添加節點
    Nodify學習 一：介紹與使用 - 可樂_加冰 - 博客園 (cnblogs.com) Nodify學習 二：添加節點 - 可樂_加冰 - 博客園 (cnblogs.com) 添加節點（nodes） 通過上一篇我們已經創建好了編輯器實例現在我們為編輯器添加一個節點 添加model和viewmode ...
  • 論如何直接用EF Core實現創建更新時間、用戶審計，自動化樂觀併發、軟刪除和樹形查詢（上）
    前言 資料庫併發，數據審計和軟刪除一直是數據持久化方面的經典問題。早些時候，這些工作需要手寫複雜的SQL或者通過存儲過程和觸發器實現。手寫複雜SQL對軟體可維護性構成了相當大的挑戰，隨著SQL字數的變多，用到的嵌套和複雜語法增加，可讀性和可維護性的難度是幾何級暴漲。因此如何在實現功能的同時控制這些S ...
  • C# 使用模式匹配的好處,因為好用所以推薦~
    類型檢查和轉換：當你需要檢查對象是否為特定類型，並且希望在同一時間內將其轉換為那個類型時，模式匹配提供了一種更簡潔的方式來完成這一任務，避免了使用傳統的as和is操作符後還需要進行額外的null檢查。 複雜條件邏輯：在處理複雜的條件邏輯時，特別是涉及到多個條件和類型的情況下，使用模式匹配可以使代碼更 ...
  • 推薦一種批量判斷文件是否存在的快速辦法
    在日常開發中，我們經常需要和文件打交道，特別是桌面開發，有時候就會需要載入大批量的文件，而且可能還會存在部分文件缺失的情況，那麼如何才能快速的判斷文件是否存在呢？如果處理不當的，且文件數量比較多的時候，可能會造成卡頓等情況，進而影響程式的使用體驗。今天就以一個簡單的小例子，簡述兩種不同的判斷文件是否... ...
  • 論如何直接用EF Core實現創建更新時間、用戶審計，自動化樂觀併發、軟刪除和樹形查詢（中）
    前言 資料庫併發，數據審計和軟刪除一直是數據持久化方面的經典問題。早些時候，這些工作需要手寫複雜的SQL或者通過存儲過程和觸發器實現。手寫複雜SQL對軟體可維護性構成了相當大的挑戰，隨著SQL字數的變多，用到的嵌套和複雜語法增加，可讀性和可維護性的難度是幾何級暴漲。因此如何在實現功能的同時控制這些S ...
所有分類