C# WPF入门学习主线篇（十）—— DataGrid常见属性和变乱 ...

莱莱  金牌会员 | 2024-6-15 00:31:03 | 显示全部楼层 | 阅读模式
打印 上一主题 下一主题
楼主

主题 577|帖子 577|积分 1731

C# WPF入门学习主线篇（十）—— DataGrid常见属性和变乱

欢迎来到C# WPF入门学习系列的第十篇。在前面的文章中，我们已经学习了 Button、TextBox、Label、ListBox 和 ComboBox 控件。今天，我们将探讨 WPF 中的另一个重要控件——DataGrid。本文将具体介绍 DataGrid 的常见属性和变乱，并通过示例代码展示其在实际应用中的使用。
一、DataGrid的基础知识

DataGrid 是一个非常强大的控件，用于显示和操作表格数据。它允许用户以表格情势查看数据，并支持排序、分组、筛选、编辑等功能。
DataGrid的根本定义

我们先来看看一个简单的 DataGrid 定义：
  1. <Window x:Class="WpfApp.MainWindow"
  2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.         Title="MainWindow" Height="350" Width="525">
  5.     <Grid>
  6.         <DataGrid x:Name="myDataGrid" AutoGenerateColumns="True" HorizontalAlignment="Left" VerticalAlignment="Top" Width="500" Height="300"/>
  7.     </Grid>
  8. </Window>
复制代码
在这个示例中，我们定义了一个 DataGrid 控件，并设置了 AutoGenerateColumns 属性为 True，这意味着列将自动根据数据源生成。
二、DataGrid的常见属性

1. ItemsSource

ItemsSource 属性用于绑定 DataGrid 的数据源。可以是数组、列表或任何实现了 IEnumerable 接口的聚集。
  1. <DataGrid x:Name="myDataGrid" AutoGenerateColumns="True" HorizontalAlignment="Left" VerticalAlignment="Top" Width="500" Height="300"/>
复制代码
  1. public partial class MainWindow : Window
  2. {
  3.     public MainWindow()
  4.     {
  5.         InitializeComponent();
  6.         myDataGrid.ItemsSource = new List<Person>
  7.         {
  8.             new Person { Name = "John Doe", Age = 30 },
  9.             new Person { Name = "Jane Smith", Age = 25 }
  10.         };
  11.     }
  12. }
  14. public class Person
  15. {
  16.     public string Name { get; set; }
  17.     public int Age { get; set; }
  18. }
复制代码

2. AutoGenerateColumns

AutoGenerateColumns 属性决定是否自动生成列。设置为 False 时，必要手动定义列。
  1. <DataGrid x:Name="myDataGrid" AutoGenerateColumns="False" HorizontalAlignment="Left" VerticalAlignment="Top" Width="500" Height="300">
  2.     <DataGrid.Columns>
  3.         <DataGridTextColumn Header="Name" Binding="{Binding Name}"/>
  4.         <DataGridTextColumn Header="Age" Binding="{Binding Age}"/>
  5.     </DataGrid.Columns>
  6. </DataGrid>
复制代码
3. ColumnHeaderHeight

ColumnHeaderHeight 属性设置列标题的高度。
  1. <DataGrid x:Name="myDataGrid" ColumnHeaderHeight="40" AutoGenerateColumns="True" HorizontalAlignment="Left" VerticalAlignment="Top" Width="500" Height="300"/>
复制代码
4. CanUserAddRows

CanUserAddRows 属性设置用户是否可以添加新行。
  1. <DataGrid x:Name="myDataGrid" CanUserAddRows="False" AutoGenerateColumns="True" HorizontalAlignment="Left" VerticalAlignment="Top" Width="500" Height="300"/>
复制代码
5. CanUserDeleteRows

CanUserDeleteRows 属性设置用户是否可以删除行。
  1. <DataGrid x:Name="myDataGrid" CanUserDeleteRows="False" AutoGenerateColumns="True" HorizontalAlignment="Left" VerticalAlignment="Top" Width="500" Height="300"/>
复制代码
6. IsReadOnly

IsReadOnly 属性设置 DataGrid 是否为只读。
  1. <DataGrid x:Name="myDataGrid" IsReadOnly="True" AutoGenerateColumns="True" HorizontalAlignment="Left" VerticalAlignment="Top" Width="500" Height="300"/>
复制代码
示例

下面是一个包罗以上常见属性的完整示例：
  1. <Window x:Class="WpfApp.MainWindow"
  2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.         Title="MainWindow" Height="350" Width="525">
  5.     <Grid>
  6.         <DataGrid x:Name="myDataGrid" AutoGenerateColumns="False" CanUserAddRows="False" CanUserDeleteRows="True" IsReadOnly="False"
  7.                   ColumnHeaderHeight="40" HorizontalAlignment="Left" VerticalAlignment="Top" Width="500" Height="300">
  8.             <DataGrid.Columns>
  9.                 <DataGridTextColumn Header="Name" Binding="{Binding Name}"/>
  10.                 <DataGridTextColumn Header="Age" Binding="{Binding Age}"/>
  11.             </DataGrid.Columns>
  12.         </DataGrid>
  13.     </Grid>
  14. </Window>
复制代码
  1. using System.Collections.Generic;
  2. using System.Windows;
  4. namespace WpfApp
  5. {
  6.     public partial class MainWindow : Window
  7.     {
  8.         public MainWindow()
  9.         {
  10.             InitializeComponent();
  11.             myDataGrid.ItemsSource = new List<Person>
  12.             {
  13.                 new Person { Name = "John Doe", Age = 30 },
  14.                 new Person { Name = "Jane Smith", Age = 25 }
  15.             };
  16.         }
  17.     }
  19.     public class Person
  20.     {
  21.         public string Name { get; set; }
  22.         public int Age { get; set; }
  23.     }
  24. }
复制代码
三、DataGrid的常见变乱

1. LoadingRow

LoadingRow 变乱在行加载时触发。
XAML代码

  1. <DataGrid x:Name="myDataGrid" AutoGenerateColumns="True" LoadingRow="MyDataGrid_LoadingRow" HorizontalAlignment="Left" VerticalAlignment="Top" Width="500" Height="300"/>
复制代码
背景代码

  1. private void MyDataGrid_LoadingRow(object sender, DataGridRowEventArgs e)
  2. {
  3.     e.Row.Header = (e.Row.GetIndex() + 1).ToString();
  4. }
复制代码
2. SelectionChanged

SelectionChanged 变乱在选择的项目发生更改时触发。
XAML代码

  1. <DataGrid x:Name="myDataGrid" AutoGenerateColumns="True" SelectionChanged="MyDataGrid_SelectionChanged" HorizontalAlignment="Left" VerticalAlignment="Top" Width="500" Height="300"/>
复制代码
背景代码

  1. private void MyDataGrid_SelectionChanged(object sender, SelectionChangedEventArgs e)
  2. {
  3.     DataGrid dataGrid = sender as DataGrid;
  4.     Person selectedPerson = dataGrid.SelectedItem as Person;
  5.     if (selectedPerson != null)
  6.     {
  7.         MessageBox.Show($"Selected Person: {selectedPerson.Name}, Age: {selectedPerson.Age}");
  8.     }
  9. }
复制代码
3. CellEditEnding

CellEditEnding 变乱在单元格编辑即将结束时触发。
XAML代码

  1. <DataGrid x:Name="myDataGrid" AutoGenerateColumns="True" CellEditEnding="MyDataGrid_CellEditEnding" HorizontalAlignment="Left" VerticalAlignment="Top" Width="500" Height="300"/>
复制代码
背景代码

  1. private void MyDataGrid_CellEditEnding(object sender, DataGridCellEditEndingEventArgs e)
  2. {
  3.     MessageBox.Show("Cell editing is ending.");
  4. }
复制代码
示例总结

以下是一个包罗所有三种常见变乱的完整示例：
  1. <Window x:Class="WpfApp.MainWindow"
  2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.         Title="MainWindow" Height="350" Width="525">
  5.     <!-- 定义一个 Grid 容器，用于布局子控件 -->
  6.     <Grid>
  7.         <!-- 定义一个 DataGrid 控件 -->
  8.         <DataGrid x:Name="myDataGrid"
  9.                   AutoGenerateColumns="True" <!-- 自动生成列 -->
  10.                   LoadingRow="MyDataGrid_LoadingRow" <!-- 行加载事件 -->
  11.                   SelectionChanged="MyDataGrid_SelectionChanged" <!-- 选择更改事件 -->
  12.                   CellEditEnding="MyDataGrid_CellEditEnding" <!-- 单元格编辑结束事件 -->
  13.                   HorizontalAlignment="Left" VerticalAlignment="Top" <!-- 控件水平和垂直对齐 -->
  14.                   Width="500" Height="300"/> <!-- 控件宽度和高度 -->
  15.     </Grid>
  16. </Window>
复制代码
  1. using System.Collections.Generic;
  2. using System.Windows;
  3. using System.Windows.Controls;
  5. namespace WpfApp
  6. {
  7.     public partial class MainWindow : Window
  8.     {
  9.         public MainWindow()
  10.         {
  11.             InitializeComponent(); // 初始化组件
  13.             // 初始化数据源并绑定到 DataGrid
  14.             myDataGrid.ItemsSource = new List<Person>
  15.             {
  16.                 new Person { Name = "John Doe", Age = 30 },
  17.                 new Person { Name = "Jane Smith", Age = 25 }
  18.             };
  19.         }
  21.         // 行加载事件处理程序
  22.         private void MyDataGrid_LoadingRow(object sender, DataGridRowEventArgs e)
  23.         {
  24.             // 设置行头为行索引加一（从1开始）
  25.             e.Row.Header = (e.Row.GetIndex() + 1).ToString();
  26.         }
  28.         // 选择更改事件处理程序
  29.         private void MyDataGrid_SelectionChanged(object sender, SelectionChangedEventArgs e)
  30.         {
  31.             // 获取触发事件的 DataGrid
  32.             DataGrid dataGrid = sender as DataGrid;
  33.             // 获取选中的项目并转换为 Person 类型
  34.             Person selectedPerson = dataGrid.SelectedItem as Person;
  36.             if (selectedPerson != null) // 如果有选中的项目
  37.             {
  38.                 // 显示选中的人的名字和年龄
  39.                 MessageBox.Show($"Selected Person: {selectedPerson.Name}, Age: {selectedPerson.Age}");
  40.             }
  41.         }
  43.         // 单元格编辑结束事件处理程序
  44.         private void MyDataGrid_CellEditEnding(object sender, DataGridCellEditEndingEventArgs e)
  45.         {
  46.             // 显示单元格编辑结束消息
  47.             MessageBox.Show("Cell editing is ending.");
  48.         }
  49.     }
  51.     // 定义一个简单的 Person 类，用于数据绑定
  52.     public class Person
  53.     {
  54.         public string Name { get; set; } // 名字属性
  55.         public int Age { get; set; } // 年龄属性
  56.     }
  57. }
复制代码
四、总结

本文具体介绍了 WPF 中 DataGrid 控件的常见属性和变乱，通过具体的示例代码展示了怎样使用这些属性和变乱。通过本文的学习，读者应该能够掌握 DataGrid 的根本用法，并在实际项目中灵活运用这些知识。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有账号？立即注册

x
回复

使用道具 举报

0 个回复

正序浏览
返回列表

快速回复

高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

莱莱

金牌会员
这个人很懒什么都没写!

楼主热帖

标签云

挺好的 服务器
微信订阅号
微信服务号
微信客服
小程序
H5
关于我们 商务合作 网站地图
©Copyright 2022-2024 杭州祥升科技有限公司 版权所有 浙ICP备20004199号
快速回复 返回顶部 返回列表