WPF之DataGird应用

2024-05-10 12:04
文章标签 应用 wpf datagird

本文主要是介绍WPF之DataGird应用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1,DataGrid相关属性

  • GridLinesVisibility:DataGrid网格线是否显示或者显示的方式。
  • HorizontalGridLinesBrush:水平网格线画刷。
  • VerticalGridLinesBrush:垂直网格线画刷。
  • HorizontalScrollBarVisibility:水平滚动条可见。
  • VerticalScrollBarVisibility:垂直滚动条可见。
  • AutoGenerateColumns:自动生成列。
  • ColumnWidth:列宽,DataGrid.ColumnWidth值可以是指定的宽度,也可以是DataGridLength.SizeToCells,DataGridLength.SizeToHeader,DataGridLength.Auto
  • CanUserResizeColumns:是否允许调整列宽。
  • CanUserReorderColumns:是否允许拖动列的显示顺序。
  • FrozenColumnCount:冻结列。
  • RowDetailsVisibilityMode:行详情显示模式默认为:VisibleWhenSelected。
  • RowDetailsTemplate:行详情显示模板。

      示例:

 <DataGrid.RowDetailsTemplate><DataTemplate><Border Margin="10" Padding="10" BorderBrush="Coral" BorderThickness="2"><TextBlock TextWrapping="Wrap" Text="{Binding Description}"></TextBlock></Border></DataTemplate></DataGrid.RowDetailsTemplate>

  • CanUserSortColumns:是否可以进行排序。
  • ColumnHeaderStyle:列表头样式。对列表头进行对齐等操作。

        示例:使所有列表头内容居中

<DataGrid.ColumnHeaderStyle><Style TargetType="DataGridColumnHeader"><Setter Property="HorizontalContentAlignment" Value="Center"></Setter></Style></DataGrid.ColumnHeaderStyle>
  • Columns:列的集合。再次添加需要显示的列。

示例

  <DataGrid.Columns><DataGridTextColumn   Header="Product" Width="*" Binding="{Binding ModelName}"><DataGridTextColumn.HeaderStyle><Style TargetType="DataGridColumnHeader"><Setter Property="HorizontalAlignment" Value="Center"></Setter></Style></DataGridTextColumn.HeaderStyle><DataGridTextColumn.EditingElementStyle><Style TargetType="TextBlock"><Setter Property="HorizontalAlignment" Value="Center"></Setter><Setter Property="FontWeight" Value="Bold"></Setter></Style></DataGridTextColumn.EditingElementStyle></DataGridTextColumn><DataGridTextColumn Header="Price" Width="*" Binding="{Binding UnitCost, StringFormat={}{0:C2}}"><DataGridTextColumn.CellStyle><Style TargetType="DataGridCell"><Setter Property="HorizontalAlignment" Value="Center"></Setter><Setter Property="FontWeight" Value="Bold"></Setter><Setter Property="Background" Value="LightBlue"></Setter></Style></DataGridTextColumn.CellStyle></DataGridTextColumn><DataGridTextColumn Header="ModelNumber" Width="2*" Binding="{Binding ModelNumber}"></DataGridTextColumn><DataGridComboBoxColumn   Header="Category" Width="2*" SelectedValueBinding="{Binding CategoryID}" DisplayMemberPath="CategoryName" SelectedValuePath="CategoryID" x:Name="dataGridCombobox01"></DataGridComboBoxColumn><DataGridTemplateColumn  Header="Image" Width="2*"   ><DataGridTemplateColumn.CellTemplate><DataTemplate><TextBlock Text="{Binding ProductImage}"></TextBlock></DataTemplate></DataGridTemplateColumn.CellTemplate><DataGridTemplateColumn.CellEditingTemplate><DataTemplate><Image Source="/Img/3.jpg"></Image></DataTemplate></DataGridTemplateColumn.CellEditingTemplate></DataGridTemplateColumn></DataGrid.Columns>
  • AlternationCount:交替显示容器数,配合附加属性ItemsControl.AlternationIndex使用,进行交替设置行的样式。

        示例,行样式交替

<DataGrid  x:Name="dataGrid01"    AlternationCount="3"   ColumnWidth="Auto" AutoGenerateColumns="False">
 <Window.Resources><Style TargetType="DataGridRow"><Style.Triggers><Trigger Property="ItemsControl.AlternationIndex" Value="0"><Setter Property="Background" Value="AliceBlue"></Setter></Trigger><Trigger Property="ItemsControl.AlternationIndex" Value="1"><Setter Property="Background" Value="Beige"></Setter></Trigger><Trigger Property="ItemsControl.AlternationIndex" Value="2"><Setter Property="Background" Value="Chocolate"></Setter></Trigger></Style.Triggers></Style></Window.Resources>

2,DataGridColumn相关属性

  • Width:列宽,可使用*进行倍率设置,例如DataGridTextColumn.Width="2*"。
 <DataGridTextColumn   Header="Product" Width="*" Binding="{Binding ModelName}">
  • CanUserResize:是否允许调整该列的列宽。
  • CanUserReorder:是否可拖动该列。
  • DataGridBoundColumn.ElementStyle:获取或设置时,使用呈现元素时列的单元格显示不是在编辑模式下的样式(仅适用于DataGridCheckBoxColumn,DataGridHyperlinkColumn,DataGridTextColumn),例如在正常视图下此列内容居中对齐。

        注意点:ElementStyle对应的TargetType为TextBlock

<DataGridTextColumn.ElementStyle><Style TargetType="TextBlock"><Setter Property="HorizontalAlignment" Value="Center"></Setter><Setter Property="FontWeight" Value="Bold"></Setter></Style></DataGridTextColumn.ElementStyle>
  • DataGridBoundColumn.EditingElementStyle:使用呈现元素时列用于在编辑模式下的单元格显示的样式 (仅适用于DataGridCheckBoxColumn,DataGridHyperlinkColumn,DataGridTextColumn)。

        注意点:.EditingElementStyle对应的TargetType为TextBox

  • HeaderStyle:此列头的样式
<DataGridTextColumn.HeaderStyle><Style TargetType="DataGridColumnHeader"><Setter Property="HorizontalAlignment" Value="Center"></Setter></Style></DataGridTextColumn.HeaderStyle>
  • CanUserSort:此列是否支持排序。如果使用的是DataGridTemplateColumn则需要指定该列的SortMemberPath,否则该列将无法排序。
  • DataGridComboBoxColumn.ItemsSource:下拉列表列的集合。

        示例:

 <DataGridComboBoxColumn x:Name="dataGridCombobox01"  Header="Category" Width="2*" SelectedValueBinding="{Binding CategoryID}" DisplayMemberPath="CategoryName" SelectedValuePath="CategoryID" ></DataGridComboBoxColumn>
dataGridCombobox01.ItemsSource = DbStore.DAL.Factory.CategoriesDal.QueryAll();

 

  • DataGridTemplateColumn . CellTemplate:数据模板,获取或设置模板用于显示不是在编辑模式下单元格的内容。
  • DataGridTemplateColumn.CellEditingTemplate:数据模板, 获取或设置模板中使用显示了在编辑模式下单元格的内容。

        示例

  <DataGridTemplateColumn  Header="Image" Width="2*"   ><DataGridTemplateColumn.CellTemplate><DataTemplate><TextBlock Text="{Binding ProductImage}"></TextBlock></DataTemplate></DataGridTemplateColumn.CellTemplate><DataGridTemplateColumn.CellEditingTemplate><DataTemplate><Image Source="/Img/3.jpg"></Image></DataTemplate></DataGridTemplateColumn.CellEditingTemplate></DataGridTemplateColumn>

这篇关于WPF之DataGird应用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/976389

相关文章

CSS3 布局样式及其应用举例

《CSS3布局样式及其应用举例》CSS3的布局特性为前端开发者提供了无限可能,无论是Flexbox的一维布局还是Grid的二维布局,它们都能够帮助开发者以更清晰、简洁的方式实现复杂的网页布局,本文给... 目录深入探讨 css3 布局样式及其应用引言一、CSS布局的历史与发展1.1 早期布局的局限性1.2

在React聊天应用中实现图片上传功能

《在React聊天应用中实现图片上传功能》在现代聊天应用中,除了文字和表情,图片分享也是一个重要的功能,本文将详细介绍如何在基于React的聊天应用中实现图片上传和预览功能,感兴趣的小伙伴跟着小编一起... 目录技术栈实现步骤1. 消息组件改造2. 图片预览组件3. 聊天输入组件改造功能特点使用说明注意事项

Redis中RedisSearch使用及应用场景

《Redis中RedisSearch使用及应用场景》RedisSearch是一个强大的全文搜索和索引模块,可以为Redis添加高效的搜索功能,下面就来介绍一下RedisSearch使用及应用场景,感兴... 目录1. RedisSearch的基本概念2. RedisSearch的核心功能(1) 创建索引(2

Python datetime 模块概述及应用场景

《Pythondatetime模块概述及应用场景》Python的datetime模块是标准库中用于处理日期和时间的核心模块,本文给大家介绍Pythondatetime模块概述及应用场景,感兴趣的朋... 目录一、python datetime 模块概述二、datetime 模块核心类解析三、日期时间格式化与

SpringBoot中四种AOP实战应用场景及代码实现

《SpringBoot中四种AOP实战应用场景及代码实现》面向切面编程(AOP)是Spring框架的核心功能之一,它通过预编译和运行期动态代理实现程序功能的统一维护,在SpringBoot应用中,AO... 目录引言场景一:日志记录与性能监控业务需求实现方案使用示例扩展:MDC实现请求跟踪场景二:权限控制与

C语言中位操作的实际应用举例

《C语言中位操作的实际应用举例》:本文主要介绍C语言中位操作的实际应用,总结了位操作的使用场景,并指出了需要注意的问题,如可读性、平台依赖性和溢出风险,文中通过代码介绍的非常详细,需要的朋友可以参... 目录1. 嵌入式系统与硬件寄存器操作2. 网络协议解析3. 图像处理与颜色编码4. 高效处理布尔标志集合

Java中的Lambda表达式及其应用小结

《Java中的Lambda表达式及其应用小结》Java中的Lambda表达式是一项极具创新性的特性,它使得Java代码更加简洁和高效,尤其是在集合操作和并行处理方面,:本文主要介绍Java中的La... 目录前言1. 什么是Lambda表达式?2. Lambda表达式的基本语法例子1:最简单的Lambda表

Python结合PyWebView库打造跨平台桌面应用

《Python结合PyWebView库打造跨平台桌面应用》随着Web技术的发展,将HTML/CSS/JavaScript与Python结合构建桌面应用成为可能,本文将系统讲解如何使用PyWebView... 目录一、技术原理与优势分析1.1 架构原理1.2 核心优势二、开发环境搭建2.1 安装依赖2.2 验

Java字符串操作技巧之语法、示例与应用场景分析

《Java字符串操作技巧之语法、示例与应用场景分析》在Java算法题和日常开发中,字符串处理是必备的核心技能,本文全面梳理Java中字符串的常用操作语法,结合代码示例、应用场景和避坑指南,可快速掌握字... 目录引言1. 基础操作1.1 创建字符串1.2 获取长度1.3 访问字符2. 字符串处理2.1 子字

SpringShell命令行之交互式Shell应用开发方式

《SpringShell命令行之交互式Shell应用开发方式》本文将深入探讨SpringShell的核心特性、实现方式及应用场景,帮助开发者掌握这一强大工具,具有很好的参考价值,希望对大家有所帮助,如... 目录引言一、Spring Shell概述二、创建命令类三、命令参数处理四、命令分组与帮助系统五、自定