淺談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
更多相關文章
  • 首先,咱們先聊聊,什麼是OOM? 小伙伴們,有沒有遇到過程式突然崩潰,然後拋出一個OutOfMemoryError的異常?這就是我們俗稱的OOM,也就是記憶體溢出。簡單來說,就是你的Java應用想要的記憶體超過了JVM願意給的極限,就會拋出這個錯誤。 那麼為什麼會出現OOM呢?一般都是由這些問題引起: ...
  • 今天來聊聊Java中跟數值處理相關的兩個類型Integer和BigDecimal。 說起這兩個類型,我們肯定都不陌生,但是其中有些容易踩到的坑需要註意避讓。 Integer 整型我們應該每天都會用到,但是每種語言還是有自己的特性。從敬姐剛從.NET轉過來的時候踩過的一個坑說起:話說在.NET世界中, ...
  • 前言 我們在使用ASP.NET Core WebApi時它支持使用指定的輸入和輸出格式來交換數據。輸入數據靠模型綁定的機制處理,輸出數據則需要用格式化的方式進行處理。ASP.NET Core框架已經內置了處理JSON和XML的輸入和輸出方式,預設的情況我們提交JSON格式的內容,它可以自行進行模型綁 ...
  • 前言: 之前有網友說 Mvc系列的教程對新手不友好,因此補充新手入門系列教程。 在開始使用 Taurus.Mvc 進行 Web應用開發之前,建議可以觀摩一下之前的文章:WebAPI 系列教程 因為兩者的教程,有相通的部分,唯一的差別部分,在於Web應用涉及到UI界面。 本系列的目錄大綱為: Taur ...
  • 概述:WPF通過System.Windows.Forms.Screen類,實現多屏顯示輕而易舉。通過獲取屏幕信息、確定窗體位置和設置窗體大小,可在大型展示或數據可視化應用中靈活利用多屏幕。示例代碼清晰演示瞭如何在WPF中實現這一功能。 在WPF(Windows Presentation Founda ...
  • 概述:WPF中的資源管理機制包括外部資源、窗體資源、全局資源和動態資源。通過這些資源,開發者能夠在應用程式中有效地組織、重用樣式和模板,實現靈活的設計和運行時更改。這四種資源類型分別適用於不同的應用場景,為WPF應用程式提供了強大的擴展性和可維護性。 在WPF(Windows Presentatio ...
  • 在經過漫長的技術沉澱,終於又為 .Net 及 .Net Core 的微服務系列框架貢獻當中的一個重要組件。Taurus.DistributedLock is a distributed lock for .net or .net core.【支持:Redis、MemCache、Database、Lo... ...
  • PART_LeftThumb_DragDelta事件是拖拽過程中實時觸發的。當用戶按住Thumb控制項並拖動時,該事件會在每次滑鼠或手指移動時實時觸發,而不是按照時間間隔定時觸發。這使得應用程式可以實時響應用戶的操作,更新UI或執行其他操作。 DragDeltaEventArgs.Horizontal ...
一周排行
    -Advertisement-
    Play Games
  • PasteSpider是什麼? 一款使用.net編寫的開源的Linux容器部署助手,支持一鍵發佈,平滑升級,自動伸縮, Key-Value配置,項目網關,環境隔離,運行報表,差量升級,私有倉庫,集群部署,版本管理等! 30分鐘上手,讓開發也可以很容易的學會在linux上部署你得項目! [從需求角度介 ...
  • SQLSugar是什麼 **1. 輕量級ORM框架,專為.NET CORE開發人員設計,它提供了簡單、高效的方式來處理資料庫操作,使開發人員能夠更輕鬆地與資料庫進行交互 2. 簡化資料庫操作和數據訪問,允許開發人員在C#代碼中直接操作資料庫,而不需要編寫複雜的SQL語句 3. 支持多種資料庫,包括但 ...
  • 在C#中,經常會有一些耗時較長的CPU密集型運算,因為如果直接在UI線程執行這樣的運算就會出現UI不響應的問題。解決這類問題的主要途徑是使用多線程,啟動一個後臺線程,把運算操作放在這個後臺線程中完成。但是原生介面的線程操作有一些難度,如果要更進一步的去完成線程間的通訊就會難上加難。 因此,.NET類 ...
  • 一:背景 1. 講故事 前些天有位朋友在微信上丟了一個崩潰的dump給我,讓我幫忙看下為什麼出現了崩潰,在 Windows 的事件查看器上顯示的是經典的 訪問違例 ,即 c0000005 錯誤碼,不管怎麼說有dump就可以上windbg開幹了。 二:WinDbg 分析 1. 程式為誰崩潰了 在 Wi ...
  • CSharpe中的IO+NPOI+序列化 文件文件夾操作 學習一下常見的文件、文件夾的操作。 什麼是IO流? I:就是input O:就是output,故稱:輸入輸出流 將數據讀入記憶體或者記憶體輸出的過程。 常見的IO流操作,一般說的是[記憶體]與[磁碟]之間的輸入輸出。 作用 持久化數據,保證數據不再 ...
  • C#.NET與JAVA互通之MD5哈希V2024 配套視頻: 要點: 1.計算MD5時,SDK自帶的計算哈希(ComputeHash)方法,輸入輸出參數都是byte數組。就涉及到字元串轉byte數組轉換時,編碼選擇的問題。 2.輸入參數,字元串轉byte數組時,編碼雙方要統一,一般為:UTF-8。 ...
  • CodeWF.EventBus,一款靈活的事件匯流排庫,實現模塊間解耦通信。支持多種.NET項目類型,如WPF、WinForms、ASP.NET Core等。採用簡潔設計,輕鬆實現事件的發佈與訂閱。通過有序的消息處理,確保事件得到妥善處理。簡化您的代碼,提升系統可維護性。 ...
  • 一、基本的.NET框架概念 .NET框架是一個由微軟開發的軟體開發平臺,它提供了一個運行時環境(CLR - Common Language Runtime)和一套豐富的類庫(FCL - Framework Class Library)。CLR負責管理代碼的執行,而FCL則提供了大量預先編寫好的代碼, ...
  • 本章將和大家分享在ASP.NET Core中如何使用高級客戶端NEST來操作我們的Elasticsearch。 NEST是一個高級別的Elasticsearch .NET客戶端,它仍然非常接近原始Elasticsearch API的映射。所有的請求和響應都是通過類型來暴露的,這使得它非常適合快速上手 ...
  • 參考delphi的代碼更改為C# Delphi 檢測密碼強度 規則(仿 google) 仿 google 評分規則 一、密碼長度: 5 分: 小於等於 4 個字元 10 分: 5 到 7 字元 25 分: 大於等於 8 個字元 二、字母: 0 分: 沒有字母 10 分: 全都是小(大)寫字母 20 ...