彩票走势图

介绍WPF 4 中DataGrid 的相关功能及使用

转帖|其它|编辑:郝浩|2011-01-06 16:26:17.000|阅读 837 次

概述:提到DataGrid 不管是网页还是应用程序开发都会频繁使用。通过它我们可以灵活的在行与列间显示各种数据。本篇将详细介绍WPF 4 中DataGrid 的相关功能。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

  提到DataGrid 不管是网页还是应用程序开发都会频繁使用。通过它我们可以灵活的在行与列间显示各种数据。本篇将详细介绍WPF 4 中DataGrid 的相关功能。

自定义列

   默认情况下,当我们为DataGrid 控件设置ItemSource 属性后,DataGrid 会根据数据类型自动生成相应的列,下表列出DataGrid 支持的四种列及其数据类型。

  在创建DataGrid 时可以通过AutoGenerateColumns 属性设置列是否自动生成,从而加入自定义列。如果DataGrid 中同时包含“自动生成列”与“用户自定义列”,则首先创建“用户自定义列”。下面代码实例中分别创建这四种列:

<Window x:Class="WPF4ControlTest.MainWindow"  
        xmlns="//schemas.microsoft.com/winfx/2006/xaml/presentation"    
      xmlns:x="//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 的选择模式为“全行选择”,并且可以同时选择多行(如下图所示),我们可以通过SelectionModeSelectionUnit 属性来修改DataGrid 的选择模式。

SelectionUnit:包含CellFullRowCellOrRowHeader 三种单元选择模式。
                         · Cell:选择单元格;
                         · FullRow:选择全行;
                         &middot; CellOrRowHeader:可选择单元格,也可以通过点击行首选择全行;

SelectionMode:分为ExtendedSingle 两种模式。
                           · 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 

 


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:网络转载

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP