强大的DataGrid组件[12]_分组(Group)——Silverlight学习笔记[20]

本文介绍如何使用DataGrid实现数据分组,通过设置PagedCollectionView的GroupDescriptions属性和DataGrid的RowGroupHeaderStyles属性,实现了数据按部门和级别分组,并展示了具体的XAML和C#代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

DataGrid中对数据进行分组能辨析数据的内部信息,反映数据间的依存关系。本文将为大家介绍如何在DataGrid中实施数据的分组。

 

需要了解的知识

1PagedCollectionView

它代表了一个有关分组、排序、筛选和导航的分页数据集合。

2PagedCollectionViewGroupDescriptions属性

对分组信息的描述,用于绑定需要分组的字段。

3DataGridRowGroupHeaderStyles属性

用于设置分组标签头的样式。

 

实例

详细的说明在代码注释中给出。

 

MainPage.xaml文件代码:

<UserControl

    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"

    mc:Ignorable="d" xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data" x:Class="SilverlightClient.MainPage"

    d:DesignWidth="320" d:DesignHeight="480">

    <Grid x:Name="LayoutRoot" Background="White" Width="320" Height="480">

        <data:DataGrid x:Name="dgEmployee" Margin="8,8,8,52" FontSize="14" AutoGenerateColumns="False">

            <data:DataGrid.RowGroupHeaderStyles>

                <!-- 顶层分组样式 -->

                <Style TargetType="data:DataGridRowGroupHeader">

                    <Setter Property="PropertyNameVisibility" Value="Collapsed" />

                    <Setter Property="Background" Value="#99225566" />

                    <Setter Property="Foreground" Value="White" />

                    <Setter Property="SublevelIndent" Value="15" />

                </Style>

                <!-- 顶层以下分组样式 -->

                <Style TargetType="data:DataGridRowGroupHeader">

                    <Setter Property="Background" Value="#44225566" />

                </Style>

            </data:DataGrid.RowGroupHeaderStyles>

            <data:DataGrid.Columns>

                <data:DataGridTextColumn Header="工号" Binding="{Binding EmployeeID}"/>

                <data:DataGridTextColumn Header="姓名" Binding="{Binding EmployeeName}"/>

                <data:DataGridTextColumn Header="年龄" Binding="{Binding EmployeeAge}"/>

                <data:DataGridTextColumn Header="部门" Binding="{Binding DepartmentName}"/>

                <data:DataGridTextColumn Header="级别" Binding="{Binding Level}"/>

            </data:DataGrid.Columns>

        </data:DataGrid>

    </Grid>

</UserControl>

MainPage.xaml.cs文件代码:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

using System.Windows.Data;

using System.ComponentModel;

 

namespace SilverlightClient

{

    public class Employees

    {

        public int EmployeeID { get; set; }

        public string EmployeeName { get; set; }

        public int EmployeeAge { get; set; }

        public string DepartmentName { get; set; }

        public string Level { get; set; }

    }

 

    public partial class MainPage : UserControl

    {

        public MainPage()

        {

            InitializeComponent();

            this.Loaded += new RoutedEventHandler(MainPage_Loaded);

        }

 

        public List<Employees> GetEmployees()

        {

            List<Employees> returnedValue = new List<Employees>();

            returnedValue.Add(new Employees() { EmployeeID = 1, EmployeeName = "张三", EmployeeAge = 23, DepartmentName = "财务部", Level = "初级" });

            returnedValue.Add(new Employees() { EmployeeID = 2, EmployeeName = "李四", EmployeeAge = 24, DepartmentName = "财务部", Level = "中级" });

            returnedValue.Add(new Employees() { EmployeeID = 3, EmployeeName = "王五", EmployeeAge = 25, DepartmentName = "管理部", Level = "中级" });

            returnedValue.Add(new Employees() { EmployeeID = 4, EmployeeName = "赵六", EmployeeAge = 26, DepartmentName = "管理部", Level = "初级" });

            returnedValue.Add(new Employees() { EmployeeID = 5, EmployeeName = "钱七", EmployeeAge = 27, DepartmentName = "工程部", Level = "中级" });

            returnedValue.Add(new Employees() { EmployeeID = 6, EmployeeName = "孙八", EmployeeAge = 28, DepartmentName = "工程部", Level = "初级" });

            returnedValue.Add(new Employees() { EmployeeID = 7, EmployeeName = "小赵", EmployeeAge = 26, DepartmentName = "财务部", Level = "中级" });

            returnedValue.Add(new Employees() { EmployeeID = 8, EmployeeName = "小钱", EmployeeAge = 28, DepartmentName = "财务部", Level = "高级" });

            return returnedValue;

        }

 

        void MainPage_Loaded(object sender, RoutedEventArgs e)

        {

            PagedCollectionView pcv = new PagedCollectionView(GetEmployees());

            pcv.GroupDescriptions.Add(new PropertyGroupDescription("DepartmentName"));//添加分组信息描述

            pcv.GroupDescriptions.Add(new PropertyGroupDescription("Level"));

            dgEmployee.ItemsSource = pcv;

        }

    }

}

 

最终效果图

 

作者:Kinglee
文章出处:Kinglee’s Blog ( http://www.cnblogs.com/Kinglee/)
版权声明:本文的版权归作者与博客园共有。转载时须注明本文的详细链接,否则作者将保留追究其法律责任。
资源下载链接为: https://pan.quark.cn/s/1bfadf00ae14 “STC单片机电压测量”是一个以STC系列单片机为基础的电压检测应用案例,它涵盖了硬件电路设计、软件编程以及数据处理等核心知识点。STC单片机凭借其低功耗、高性价比和丰富的I/O接口,在电子工程领域得到了广泛应用。 STC是Specialized Technology Corporation的缩写,该公司的单片机基于8051内核,具备内部振荡器、高速运算能力、ISP(在系统编程)和IAP(在应用编程)功能,非常适合用于各种嵌入式控制系统。 在源代码方面,“浅雪”风格的代码通常简洁易懂,非常适合初学者学习。其中,“main.c”文件是程序的入口,包含了电压测量的核心逻辑;“STARTUP.A51”是启动代码,负责初始化单片机的硬件环境;“电压测量_uvopt.bak”和“电压测量_uvproj.bak”可能是Keil编译器的配置文件备份,用于设置编译选项和项目配置。 对于3S锂电池电压测量,3S锂电池由三节锂离子电池串联而成,标称电压为11.1V。测量时需要考虑电池的串联特性,通过分压电路将高电压转换为单片机可接受的范围,并实时监控,防止过充或过放,以确保电池的安全和寿命。 在电压测量电路设计中,“电压测量.lnp”文件可能包含电路布局信息,而“.hex”文件是编译后的机器码,用于烧录到单片机中。电路中通常会使用ADC(模拟数字转换器)将模拟电压信号转换为数字信号供单片机处理。 在软件编程方面,“StringData.h”文件可能包含程序中使用的字符串常量和数据结构定义。处理电压数据时,可能涉及浮点数运算,需要了解STC单片机对浮点数的支持情况,以及如何高效地存储和显示电压值。 用户界面方面,“电压测量.uvgui.kidd”可能是用户界面的配置文件,用于显示测量结果。在嵌入式系统中,用
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值