WPF 4 DataGrid 控件(基本功能篇)
提到DataGrid 不管是网页还是应用程序开发都会频繁使用。通过它我们可以灵活的在行与列间显示各种数据。本篇将详细介绍WPF 4 中DataGrid 的相关功能。
自定义列
默认情况下,当我们为DataGrid 控件设置ItemSource 属性后,DataGrid 会根据数据类型自动生成相应的列,下表列出DataGrid 支持的四种列及其数据类型。
在创建DataGrid 时可以通过AutoGenerateColumns 属性设置列是否自动生成,从而加入自定义列。如果DataGrid 中同时包含“自动生成列”与“用户自定义列”,则首先创建“用户自定义列”。下面代码实例中分别创建这四种列:
<Window x:Class="WPF4ControlTest.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:local="clr-namespace:WPF4ControlTest"xmlns:assembly="clr-namespace:System;assembly=mscorlib"Title="MainWindow" Height="200" Width="500"><Window.Resources><ObjectDataProvider x:Key="sexEnum" MethodName="GetValues" ObjectType="{x:Type assembly:Enum}"><ObjectDataProvider.MethodParameters><x:Type Type="local:SexOpt"/></ObjectDataProvider.MethodParameters></ObjectDataProvider></Window.Resources><Grid><DataGrid x:Name="dataGrid" ItemsSource="{Binding}" AutoGenerateColumns="False"><DataGrid.Columns><DataGridTextColumn Header="Name" Width="80" Binding="{Binding Name}"/><DataGridTextColumn Header="Age" Width="50" Binding="{Binding Age}"/><DataGridComboBoxColumn Width="80" Header="Sex" SelectedItemBinding="{Binding Sex}" ItemsSource="{Binding Source={StaticResource sexEnum}}"/><DataGridCheckBoxColumn Header="Pass Exam?" Width="100" Binding="{Binding Pass}"/><DataGridHyperlinkColumn Header="Email" Width="150" Binding="{Binding Email}"/></DataGrid.Columns></DataGrid></Grid> </Window>
其中每列都包含各自的数值类型,在C# 中创建Member 类及SexOpt 枚举,并将memberData 数据绑定到DataGrid:
using System; using System.Windows; using System.Collections.ObjectModel;namespace WPF4ControlTest {/// <summary>/// Interaction logic for MainWindow.xaml/// </summary>public partial class MainWindow : Window{public MainWindow(){InitializeComponent();ObservableCollection<Member> memberData = new ObservableCollection<Member>();memberData.Add(new Member(){Name = "Joe", Age = "23", Sex = SexOpt.Male,Pass = true, Email = new Uri("mailto:Joe@school.com")});memberData.Add(new Member(){Name = "Mike", Age = "20",Sex = SexOpt.Male, Pass = false,Email = new Uri("mailto:Mike@school.com")});memberData.Add(new Member(){Name = "Lucy", Age = "25",Sex = SexOpt.Female, Pass = true,Email = new Uri("mailto:Lucy@school.com")});dataGrid.DataContext = memberData;}}public enum SexOpt { Male, Female };public class Member{public string Name { get; set; }public string Age { get; set; }public SexOpt Sex { get; set; }public bool Pass { get; set; }public Uri Email { get; set; }} }
这样我们就可以通过自定义列的方式创建出DataGrid:
选择模式
默认情况下,DataGrid 的选择模式为“全行选择”,并且可以同时选择多行(如下图所示),我们可以通过SelectionMode 和SelectionUnit 属性来修改DataGrid 的选择模式。
SelectionUnit:包含Cell、FullRow 和CellOrRowHeader 三种单元选择模式。
· Cell:选择单元格;
· FullRow:选择全行;
· CellOrRowHeader:可选择单元格,也可以通过点击行首选择全行;
SelectionMode:分为Extended 和Single 两种模式。
· Extended:选择多个单元(单元格或全行,由SelectionUnit 定义);
· Single:选择唯一单元(单元格或全行,由SelectionUnit 定义);
<DataGrid x:Name="dataGrid" ItemsSource="{Binding}" AutoGenerateColumns="False"SelectionUnit="Cell" SelectionMode="Extended">… …
设置SelectionUnit 和SelectionMode 后的实例效果:
编辑
默认情况下,我们可以直接在DataGrid 中编辑数据(下表为相关的编辑命令),当然也可以通过IsReadOnly 属性将DataGrid 设置为只读方式。
<DataGrid x:Name="dataGrid" ItemsSource="{Binding}" AutoGenerateColumns="False"SelectionUnit="Cell" SelectionMode="Extended" IsReadOnly="True">… …
其他设置
CanUserAddRows、CanUserDeleteRows、CanUserReorderColumns、CanUserResizeColumns、
CanUserResizeRows、CanUserSortColumns 、FrozenColumnCount、DisplayIndex
转载于:https://www.cnblogs.com/gnielee/archive/2010/04/16/wpf4-datagrid-control-basic.html
WPF 4 DataGrid 控件(基本功能篇)相关推荐
- 详解WPF 4 DataGrid控件的基本功能
分享一下我老师大神的人工智能教程.零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow 详解WPF 4 D ...
- 有关WPF中DataGrid控件的基础应用总结
基础说明 DataGrid是WPF提供的基础控件,它可以非常轻松的呈现出一张表格,本文章会按照从易到难的顺序依次将DataGrid的使用方法进行解说,除了MSDN上给出的最基本的例子之外,给出了三个比 ...
- WPF之DataGrid控件使用
WPF之DataGrid控件使用 一.DataGrid简介 二.DataGrid数据源绑定 三.DataGrid单元格编辑触发事件 四.DataGrid增加删除行 五.DataGrid数据触发器 参考 ...
- WPF 自定义DataGrid控件样式
WPF 自定义DataGrid控件样式 样式一: 样式代码: <!--DataGrid样式--><Style TargetType="DataGrid">& ...
- WPF中DataGrid控件
WPF中DataGrid控件的个别属性使用 //设置不可自动拉伸宽度dataGrid.CanUserResizeColumns = false;//第一列不可见dataGrid.HeadersVisi ...
- WPF(5)WPF之DataGrid控件
系列文章目录 WPF(1)WPF工程创建 WPF(2)WPF之Image组件 WPF(3)WPF之Button组件 文章目录 系列文章目录 前言 一.DataGrid入门? 1.1 CanUserAd ...
- WPF 中DataGrid控件显示和设置数据
一.基础知识 1.DataGrid控件:用来显示数据的控件,从对象集合中获取信息并在具有行和单元格的网格中显示信息.每行和单独的对象相对应,并且每列和对象的某个属性相对应. 2.在DataGrid 中 ...
- WPF的DataGrid控件样式自定义
DataGrid控件很常用,不同的软件中,设计师呈现的UI样式不一样,参考了网上一些设置,先弄个简单的吧. 第一步,创建实体model, 第二步,写一个ViewModel,生成一些显示的数据 第三步, ...
- 新手入门WPF之DataGrid控件(一)
一.DataGrid简单使用 DataGrid的使用其实跟TreeView类似,只不过后台组织的对象结构不同,DataGrid一般不需要递归结构,它绑定的数据源,一个属性就代表一个一列,理解不了没事, ...
最新文章
- 2013秋浙大远程教育计算机应用基础-9计算机多媒体技术,2013秋浙大远程教育计算机应用基础-9...
- 漫画:程序员的社会地位
- python字典赋值方法_python如何给字典的键对应的值为字典项的字典赋值
- angular路由传递参数_在angular4.0路由传递获取参数的最优方案
- Android 横屏启动activity,点击屏幕的单击、双击和长按事件
- 介绍一些有趣的MySQL pager命令
- 大数据大屏设计-PS拉框助手
- mac 思科 链路聚合_链路聚合笔记
- 带登录CSDN刷博客
- 百度地图 AK 申请 / 签名获取及使用方式
- WNMP环境源码安装
- gitgerrit配置
- 基于51单片机远近光灯切换电路设计方案
- 线程池系列三:动态修改线程池队列大小
- FFMPEG框架学习——(2)视频的提取和解码
- 微信小程序转换为uni-app项目
- 网络攻防技术(郑大信安个人总结版)
- sql:mysql:修改表注释、字段注释、查看与修改注释(修改备注)
- android studio记账,Android Studio--家庭记账本(三)
- 聊一聊世界杯的半自动越位技术