WPF之DataGrid

已于 2024-08-15 00:21:14 修改
阅读量406 收藏
点赞数 1
文章标签： wpf
于 2024-08-14 12:36:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41375318/article/details/141187940
版权

WPF之DataGrid

1.DataGrid控件提供了丰富的功能，包括：

数据绑定：可以将DataGrid绑定到任何数据源，如List、集合或数据库中的数据。
列定义：可以定义多种类型的列，如文本、日期、货币、枚举等。
编辑模式：支持编辑模式，如双击单元格进行编辑或使用快捷键。
选择模式：支持多种选择模式，如单选、多选、范围选择等。
分组：可以对数据进行分组，使大量数据更易于浏览。
过滤和排序：允许用户通过拖放列头来过滤和排序数据。
模板：可以使用模板自定义单元格和行的外观。


2. DataGrid的属性
DataGrid控件有多个属性，这些属性决定了控件的行为和外观。以下是一些常用的属性：

AutoGenerateColumns：决定是否自动生成列。
CanUserAddRows：决定是否允许用户添加新行。
CanUserDeleteRows：决定是否允许用户删除行。
Columns：定义列的集合。
ItemsSource：绑定到DataGrid的数据源。
SelectedItem：选中的项目。
DataGrid的事件


3.DataGrid控件触发的事件包括：

CellEditEnding：编辑单元格结束时触发。
ColumnHeaderClick：列标题点击时触发。
CurrentCellChanged：当前单元格变化时触发。
RowEditEnding：编辑行结束时触发。

示例：

<Window x:Class="WpfApp9.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp9"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <DataGrid x:Name="paraDataGrid" AutoGenerateColumns="True" CanUserAddRows="True" CanUserDeleteRows="True">
            <DataGrid.Columns>
                <DataGridTextColumn Header="参数名称" Width="Auto"/>
                <DataGridTextColumn Header="参数内容" Width="Auto"/>
            </DataGrid.Columns>
            
        </DataGrid>
   </Grid>
</Window>

常用属性

AutoGenerateColumns="True"

<Window x:Class="WpfApp9.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApp9"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <DataGrid x:Name="dataGrid" AutoGenerateColumns="True">
            
            
        </DataGrid>
    </Grid>
</Window>


using System;
using System.Collections.Generic;
using System.Data.SqlTypes;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WpfApp9
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            List<Person> list = new List<Person>();

            list.Add(new Person("major","18"));
            list.Add(new Person("major1", "20"));
            dataGrid.ItemsSource = list;
        }
    }

    public class Person
    {
       public string Name { get; set; }
       public string Age { get; set; }

        public Person(string name,string age)
        {
            Name = name;
            Age = age;
        }
    }

}

在这里插入图片描述

        <DataGrid x:Name="dataGrid" AutoGenerateColumns="True" RowBackground="AliceBlue" >
            
            
        </DataGrid>

在这里插入图片描述

        <DataGrid x:Name="dataGrid" AutoGenerateColumns="True" RowBackground="AliceBlue" AlternatingRowBackground="Pink">
            
            
        </DataGrid>

在这里插入图片描述

        <DataGrid x:Name="dataGrid" AutoGenerateColumns="True" RowBackground="AliceBlue" AlternatingRowBackground="Pink" ColumnHeaderHeight="50">


        </DataGrid>

在这里插入图片描述

  <Grid Margin="10">
      <DataGrid Name="DgPersons" AutoGenerateColumns="False" RowBackground="LightPink" AlternatingRowBackground="LightBlue" ColumnHeaderHeight="30" RowHeaderWidth="20" ColumnWidth="100" GridLinesVisibility="Horizontal" HorizontalGridLinesBrush="Red" HeadersVisibility="All" LoadingRow="DgPersons_LoadingRow" RowDetailsVisibilityMode="VisibleWhenSelected" HorizontalScrollBarVisibility="Auto" FrozenColumnCount="2" SelectionChanged="DgPersons_SelectionChanged" SelectionMode="Extended">
          <DataGrid.RowDetailsTemplate>
              <DataTemplate>
                  <Border BorderBrush="LightGoldenrodYellow" BorderThickness="1" Margin="3" Padding="5">
                      <TextBlock Text="{Binding Description}" TextWrapping="Wrap"/>
                  </Border>
              </DataTemplate>
          </DataGrid.RowDetailsTemplate>
          <DataGrid.ColumnHeaderStyle>
              <Style TargetType="{x:Type DataGridColumnHeader}">
                  <Setter Property="Foreground" Value="LightGreen"/>
              </Style>
          </DataGrid.ColumnHeaderStyle>
          <DataGrid.Columns>
              <DataGridCheckBoxColumn Binding="{Binding IsChecked}" Width="40"/>
              <DataGridTextColumn Header="编号" Binding="{Binding Id}" Width="40"/>
              <DataGridTextColumn Header="名字" Binding="{Binding Name}" Width="100">
                  <DataGridTextColumn.ElementStyle>
                      <Style TargetType="{x:Type TextBlock}">
                          <Setter Property="Foreground" Value="Blue"/>
                      </Style>
                  </DataGridTextColumn.ElementStyle>
              </DataGridTextColumn>
              <!--<DataGridTextColumn Header="年龄" Binding="{Binding Age}" Width="40"/>-->
              <DataGridTemplateColumn>
                  <DataGridTemplateColumn.CellTemplate>
                      <DataTemplate>
                          <Grid Background="{Binding Age}">
                              <TextBlock Text="{Binding Age}" Width="50"/>
                          </Grid>
                      </DataTemplate>
                  </DataGridTemplateColumn.CellTemplate>
              </DataGridTemplateColumn>
              <DataGridTextColumn Header="学号" Binding="{Binding Number}" Width="120"/>
              <DataGridComboBoxColumn Header="性别" SelectedItemBinding="{Binding Gerder}" ItemsSource="{Binding Source={StaticResource GerderEnumProvider}}"/>
              <DataGridTemplateColumn>
                  <DataGridTemplateColumn.CellTemplate>
                      <DataTemplate>
                          <Grid>
                              <Button Content="编辑" Width="50"/>
                          </Grid>
                      </DataTemplate>
                  </DataGridTemplateColumn.CellTemplate>
              </DataGridTemplateColumn>
              <DataGridTemplateColumn>
                  <DataGridTemplateColumn.CellTemplate>
                      <DataTemplate>
                          <TextBlock Text="{Binding Borthday}"/>
                      </DataTemplate>
                  </DataGridTemplateColumn.CellTemplate>
                  <DataGridTemplateColumn.CellEditingTemplate>
                      <DataTemplate>
                          <DatePicker SelectedDate="{Binding Borthday,Mode=TwoWay}"/>
                      </DataTemplate>
                  </DataGridTemplateColumn.CellEditingTemplate>
              </DataGridTemplateColumn>
             
          </DataGrid.Columns>
      </DataGrid>
  </Grid>

  public partial class MainWindow : Window
  {
      public MainWindow()
      {
          InitializeComponent();
      }

      private void Window_Loaded(object sender, RoutedEventArgs e)
      {
          ObservableCollection<Person> persons = new ObservableCollection<Person>();
          for (int i = 0; i < 10; i++)
          {
              persons.Add(new Person()
              {
                  Id = i,
                  Name = "Tom" + i,
                  Age = 18 + i,
                  Number = 100 + i,
                  Gerder=Gerder.M,
                  Description= " Description DescriptionDescription DescriptionDescription DescriptionDescription DescriptionDescription DescriptionDescription DescriptionDescription DescriptionDescription Description",
                  Borthday=DateTime.Now
              });
          }

          DgPersons.ItemsSource = persons;

          //Enum.GetValues(typeof(Gerder)).Cast<Gerder>().ToList();

      }

      private void DgPersons_LoadingRow(object sender, DataGridRowEventArgs e)
      {
          if (e.Row.DataContext is Person person)
          {
              if (person.Age > 20)
              {
                  e.Row.Background = Brushes.LightCoral;
              }
          }
      }

      private void DgPersons_SelectionChanged(object sender, SelectionChangedEventArgs e)
      {
          if(sender is DataGrid dataGrid)
          {
              int count= dataGrid.SelectedItems.Count;

              //如果对DataGrid进行增加或者删除操作的时候，一定要注意是否有排序信息，如果有先删掉，再操作
          }
      }
  }
*Major*
关注
WPF 中的DataGrid
迷麟的博客
11-08 5518
关于wpf项目，表格是最常见的控件了，对于数据而言。其DataGrid就是有来显示数据的控件，下面就来讲解DataGrid的各种属性及表格的应用。 首先是将DataGrid绑定到数据，请将ItemSource属性设置 IEnumerable实现。数据网格中的每一行都绑定到数据源的一个对象，数据网格中的每一列都绑定到数据对象的一个属性。为了在源数据中添加或删除项目时DataGrid用户界面自动更新。DataGrid必须绑定到实现借口的集合。 那说到数据绑定：指的是应用程序UI与其显示的数据之间...
wpf通过datagrid操作数据库，实现datagrid增删改操作。
08-30
wpf通过datagrid操作数据库，实现datagrid增删改操作。
C#WPF之DataGrid用法
06-06
结合实例很好的讲解了DataGrid中数据绑定，与数据操作即增删改查，还有分页功能。适合初学者快速的掌握DataGrid 的典型应用
WPF -＞ DataGrid
caoyanchao1的博客
04-18 3170
wpf
WPF之DataGrid的使用及案例
最新发布
m0_59871062的博客
08-27 969
有四种列形式，如下图text用于显示文本框，checkBox显示多选框，Combox复选框，hyperLink超链接。除去默认的控件以外，还支持自定义单元格，使用​，如图，我在白表格中添加了一个按钮用于修改数据。​​。
【WPF应用32】WPF中的DataGrid控件详解与示例
qq_35320456的博客
04-04 7967
WPF中的DataGrid控件详解与示例
WPF基础-DataGrid
weixin_42975610的博客
03-09 2万+
WPF基础DataGrid(VS2015+Win10) 在WPF中，主要使用DataGrid控件进行表格化数据的展示，控件提供一个用户界面，用于 ADO.NET 数据集(ADO.NET是微软的一个组件库，作为数据访问接口使用，详细内容直接参考百科ADO.NET)，并显示表格数据和启用数据源更新。DataGrid 控件设置为有效数据源时，则自动填充该控件，同时根据数据的形状创建列和行。 DataGrid 控件可用于显示单个表或显示一组表之间的分层关系，本篇就简单介绍下DataGrid的常见用法。 1.使用Da
WPF之DataGrid应用
热门推荐
sanjiawan的专栏
09-18 9万+
前几天打算尝试下DataGrid的用法，起初以为应该很简单，可后来被各种使用方法和功能实现所折磨。网络上的解决方法太多，但也太杂。没法子，我只好硬着头皮阅览各种文献资料，然后不断的去尝试，总算小有成果。因此，把我学到的和大家分享一下，相信这篇文章会让你再很短的时间内学会DataG
『WPF』DataGrid的使用
weixin_30892987的博客
02-18 201
几点说明 这里主要是参考了MSDN中关于DataGrid的说明 这里只会简单说明在WPF中，DataGird最简单的使用方法 对于MSDN中的翻译不会很详细，也不会每一句都翻译。 来自MSDN的内容 Type Name Description Constructors DataGrid Initializes a new instance of the System.Wi...
wpf datagrid控件
12-02
这是一个c#版本的wpf datagrid控件，实现自定义wpf datagrid控件。
DataGrid删除确认及Item颜色交替
励志人生
10-20 1559
DataGrid删除确认及Item颜色交替 DataGrid真的是很强大……强大到可以让这么一个控件单独出一门书来讲。在没有深度历险之前还是在网上好好的学习吧原文更多。。。datagrid的正反双向排序 （mikecat888原作） .NET1932004-4-14 DataGrid常见解决方案(四)---Da
WPF 控件专题 DataGrid 控件详解
^@^lemon tea^@^
09-23 8515
WPF 控件专题 DataGrid 控件详解
WPF-dataGrid使用
李晨璐的博客
08-30 258
本次合作，第一次解除WPF，刚开始接触WPF，感觉好像是B/S和C/S的结合，可以通过写代码添加控件 如何将数据库中的字段绑定到WPF中的DataGrid， <DataGridTextColumn Header="顾客Id" Width="150" Binding="{Binding UserId}"> <DataGridTextColumn Header="上机...
WPF 之 Datagrid
weixin_41619400的博客
09-18 376
现在人年龄不大，记性却差的要命。对于我这么懒的小白。算了，我还是记一下吧……^-^…… 一、Datagrid 与 数据库 之 Datacontent   &lt;DataGrid x:Name="dgDeviceData" CanUserAddRows="False" IsReadOnly="True" x:FieldModifier="public" ItemsSource="{Bindin...
新手入门WPF之DataGrid控件（一）
weixin_45650894的博客
08-21 3204
DataGrid简单应用
WPF —— DataGrid数据网格
一个新人博客，愿多多支持。
03-21 1229
DataGrid 是数据网格 : 可以显示网格数据的控件，通过自定义列模版 来去实现各种网格效果 ， 可以使用以下几中标签显示不同数据。
WPF入门教程系列二十四——DataGrid使用示例(1)
Gefangenes的博客
05-25 2001
WPF技术的主要特点是数据驱动UI，所以在使用WPF技术开发的过程中是以数据为核心的，WPF提供了数据绑定机制，当数据发生变化时，WPF会自动发出通知去更新UI。今天我们来学习.NET 7中的WPF里面的DataGrid的有关知识。数据表格DataGrid是一个使用非常广泛的控件，不管是在Asp.Net中的网页开发还是WinForm(WPF)应用程序开发都会频繁使用。通过数据表格DataGrid可以灵活、方便、有效的显示各种数据。
WPF学习之使用DataGrid
Alsmile的专栏
06-24 2598
在WinForm或者WebForm中我们有一大批的Grid控件供我们使用，DataGridView,GridView,Repeater等等，这样的网格数据空间给我们提供了极大的方便去让数据以可定义的方式显示并提供诸如导航，分页，排序，过滤，数据更新等附加操作 ，而程序员所需要付出的却很少。但在WPF中我们通常并不具备这么优越的网格控件，而要做到这些除了用Grid.RowDefinitions和Gr
wpf 折叠datagrid
07-22
### 回答1： WPF（Windows Presentation Foundation）是一种用于创建Windows应用程序界面的框架。在WPF中，可以使用DataGrid控件来展示和编辑数据。折叠DataGrid可以让用户在需要时展开和收起数据，以便更好地组织和管理信息。 要在WPF中实现折叠DataGrid，可以使用一些额外的控件和代码逻辑。首先，可以使用TreeView控件作为外层容器，用于显示可展开和收起的树形结构。然后，在TreeView的各个节点中，嵌套使用DataGrid控件来展示具体的数据。 为了实现折叠和展开的功能，可以在TreeView的节点上使用ToggleButton等控件，以便用户点击时切换折叠或展开状态。在代码中，可以使用数据绑定来动态地添加和删除TreeView节点，以及相应地调整DataGrid的可见性。当用户点击折叠按钮时，可以通过修改绑定的标志位来隐藏对应的DataGrid，从而实现折叠效果。 此外，还可以通过自定义样式和模板来美化和定制DataGrid和TreeView的外观。可以修改控件的背景、边框、字体等属性，以便与应用程序的整体风格保持一致。 总之，在WPF中实现折叠DataGrid需要合理运用控件和代码逻辑，通过数据绑定和样式调整，来实现折叠和展开的功能，同时保持应用程序的美观和易用性。 ### 回答2： WPF中的DataGrid控件是一个非常强大和灵活的控件，可以用于展示和编辑数据。如果要实现折叠(DataGrid Grouping)，我们可以通过使用CollectionViewSource和GroupDescription来实现。 首先，我们需要创建一个CollectionViewSource对象，并将DataGrid的ItemsSource绑定到该对象上。CollectionViewSource允许我们对数据进行分组和排序。 然后，我们可以使用GroupDescription对象来指定分组的属性。GroupDescription可以是一个字符串，表示要根据某个属性进行分组，也可以是一个自定义的实现了IGrouping接口的对象。 最后，我们还需要设置DataGrid的GroupStyle以定义分组的样式。GroupStyle可以包含一个HeaderTemplate，用于显示分组的标题，以及一个ItemsPanel，用于显示分组的内容。 下面是一个简单的示例，展示如何在WPF中折叠(DataGrid Grouping)： 1. XAML代码： ```xml <Window x:Class="WpfApp1.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="450" Width="800"> <Grid> <DataGrid x:Name="dataGrid"> <DataGrid.GroupStyle> <GroupStyle> <GroupStyle.HeaderTemplate> <DataTemplate> <TextBlock FontWeight="Bold" Text="{Binding Path=Name}"/> </DataTemplate> </GroupStyle.HeaderTemplate> <GroupStyle.ContainerStyle> <Style TargetType="{x:Type GroupItem}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type GroupItem}"> <StackPanel> <TextBlock FontWeight="Bold" Text="{Binding Path=Items.Count}"/> <ItemsPresenter/> </StackPanel> </ControlTemplate> </Setter.Value> </Setter> </Style> </GroupStyle.ContainerStyle> </GroupStyle> </DataGrid.GroupStyle> </DataGrid> </Grid> </Window> ``` 2. C#代码： ```C# public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); List<Person> people = new List<Person> { new Person{Name="Mike", Age=25}, new Person{Name="Tom", Age=30}, new Person{Name="Mike", Age=35}, new Person{Name="Tom", Age=40} }; CollectionViewSource cvs = new CollectionViewSource(); cvs.Source = people; cvs.GroupDescriptions.Add(new PropertyGroupDescription("Name")); dataGrid.ItemsSource = cvs.View; } } public class Person { public string Name { get; set; } public int Age { get; set; } } ``` 以上代码创建了一个简单的Window，其中有一个DataGrid控件，展示了一个包含姓名和年龄的Person类的集合。通过设置GroupStyle，我们让DataGrid根据姓名进行分组，每个分组显示一个标题和该分组中的数据。 总结起来，WPF的DataGrid控件可以通过使用CollectionViewSource和GroupDescription来实现折叠或分组的效果。配合适当的样式设置，我们可以根据自己的需求，灵活地展示和编辑数据。 ### 回答3： WPF折叠DataGrid是一种在用户界面中显示表格数据的方法，可以通过折叠视图以及展开视图来管理和显示大量的数据。 折叠DataGrid可以通过使用WPF的Expander控件来实现。Expander控件提供了一个可折叠的容器，用户可以单击标题栏来展开或折叠容器内容。 在折叠DataGrid中，可以将DataGrid放置在Expander控件中。当用户点击折叠DataGrid的标题时，Expander会展开，显示DataGrid的内容；当用户再次点击标题时，Expander会折叠，隐藏DataGrid的内容。 在WPF中，我们可以使用XAML来定义折叠DataGrid。首先，我们创建一个Expander控件，将DataGrid作为其Content。然后，我们可以设置Expander的Header为DataGrid的标题。最后，我们可以通过设置Expander的IsExpanded属性来控制DataGrid的展开和折叠。 下面是一个简单的WPF折叠DataGrid的示例： ```xaml <Grid> <Expander Header="DataGrid" IsExpanded="False"> <DataGrid> <!-- DataGrid的列和数据绑定 --> </DataGrid> </Expander> </Grid> ``` 在这个示例中，DataGrid被放置在Expander内，并将Expander的Header设置为"DataGrid"。IsExpanded属性设置为False，表示DataGrid默认处于折叠状态。 通过这种方式，我们可以方便地实现DataGrid的折叠和展开，以便在需要时显示或隐藏大量的数据。这在处理大量数据或需要用户手动展开来查看数据时非常有用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值