wpf DataGrid应用 借鉴下

DataGrid应用

1.数据绑定

2.DataGrid的增改删功能

3.DataGrid的分页实现

4.DataGrid的样式设计

先上一张截图，让你大概知道自己需要的功能是否在这张图里有所实现。

PS：使用技术：WPF + ADO.NET Entity Framework

1.数据绑定（涉及DataGrid绑定和Combox绑定）

在DataGrid 中同时包含“自动生成列”与“用户自定义列” 由属性AutoGenerateColumns控制。

默认情况下， DataGrid 将根据数据源自动生成列。 下图列出了生成的列类型。




如果AutoGenerateColumns="True" ，我们只需要如下几行代码

<DataGrid Name="dataGrid1" AutoGenerateColumns="True" />

后台dataGrid1.ItemsSource = infoList; //infoList为内容集合（这是我从数据库中获取的记录集合 类型为List<T>）

PS:因为这里给dataGrid1绑定了数据源，所以下面绑定的字段都是infoList中的字段名称，同样也对应着我数据表中的字段名。里面包含FID,公司名称，职员姓名，性别，年龄，职务。解释下，怕大家无法理解Binding 后面的值是如何来的了

显然这种数据绑定非常的容易，如果对表格要求不高，这中无疑是最简单方便的。

 

如果AutoGenerateColumns="False" 表格字段的显示就要靠我们手动去完成了。这个也是数据绑定的重点，因为实际应用中我们大多都是自定义去完成DataGrid的数据绑定。

接下来贴出代码（后面的所有功能都可以在此代码基础上添加和修改）

[html] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1. <Window x:Class="CSDN_C.MainWindow"  
  2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
  3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  
  4. xmlns:assembly="clr-namespace:System;assembly=mscorlib"   
  5. xmlns:local="clr-namespace:Demo"   
  6. Title="MainWindow"  Loaded="Window_Loaded">  
  7. <Window.Resources>  
  8.   <ObjectDataProvider x:Key="keySex" MethodName="GetValues" ObjectType="{x:Type assembly:Enum}">  
  9.     <ObjectDataProvider.MethodParameters>  
  10.       <x:Type Type="local:Sex"></x:Type>   <!--引用后台的枚举类型，为字段‘性别’提供数据源。上面引用了命名空间Demo-->  
  11.     </ObjectDataProvider.MethodParameters>  
  12.   </ObjectDataProvider>  
  13. </Window.Resources>  
  14.   
  15. <Grid>   
  16.   <DataGrid Name="dataGrid1"  AutoGenerateColumns="False">  
  17.     <DataGrid.Columns>  
  18.       <DataGridTemplateColumn Header="操作" Width="40">  
  19.         <DataGridTemplateColumn.CellTemplate>  
  20.           <DataTemplate>  
  21.             <CheckBox ></CheckBox>  
  22.           </DataTemplate>  
  23.         </DataGridTemplateColumn.CellTemplate>  
  24.       </DataGridTemplateColumn>  
  25.       <DataGridTextColumn Header="公司名称" Width="80" Binding="{Binding 公司名称, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>  
  26.       <DataGridTextColumn Header="姓名" Width="80" Binding="{Binding 职员姓名, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>  
  27.       <DataGridComboBoxColumn Header="sex" SelectedItemBinding="{Binding 性别}" ItemsSource="{Binding Source={StaticResource keySex}}"/>  
  28.       <!--Combox绑定,获取上面定义的资源keySex.绑定性别-->  
  29.       <DataGridTextColumn Header="年龄" Width="80" Binding="{Binding 年龄, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>  
  30.       <DataGridTextColumn Header="职务" Width="80" Binding="{Binding 职务, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"/>  
  31.     </DataGrid.Columns>  
  32.   </DataGrid>  
  33. </Grid>  
  34. </Window>  

后台
[csharp] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1.  namespace Demo{  
  2. /// <summary>  
  3. /// MainWindow.xaml 的交互逻辑  
  4. /// </summary>  
  5. public enum Sex { 男,女 };  //注意 写在命名空间内 ，不要写在类里，否则台前local:Sex找不到路径  
  6.   
  7. }  

当我们绑定好数据运行程序的时候，会发现 DataGridComboBoxColumn下拉框里虽然绑定了值，但是他不会默认显示出已经设定好的值。所以我们就可以摈弃这种现有的 DataGridComboBoxColumn，我们用DataGrid样板标签DataGridTemplateColumn。

我们在DataGridTemplateColumn标签里要用到2个控件，一个 TextBlock控件来显示内容，另一个ComBox来提供选择。

所以我们可以用如下代码替换掉

<DataGridComboBoxColumn Header="sex" SelectedItemBinding="{Binding 性别}" ItemsSource="{Binding Source={StaticResource keySex}}"/>

[html] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1. <DataGridTemplateColumn Header="性别">  
  2.                     <DataGridTemplateColumn.CellTemplate>  
  3.                         <DataTemplate>  
  4.                             <TextBlock Text="{Binding Path=性别}"/>  <!--显示状态时显示 TextBlock里的值-->  
  5.                         </DataTemplate>  
  6.                     </DataGridTemplateColumn.CellTemplate>  
  7.                     <DataGridTemplateColumn.CellEditingTemplate>  
  8.                         <DataTemplate>  <!--编辑状态就切换到ComboBox里进行下拉选择操作-->  
  9.                             <ComboBox x:Name="taskCombo" ItemsSource="{Binding Source={StaticResource keySex}}"  SelectedItem ="{Binding Path=性别}"  IsSynchronizedWithCurrentItem="False"/>  
  10.                         </DataTemplate>  
  11.                     </DataGridTemplateColumn.CellEditingTemplate>  
  12.                 </DataGridTemplateColumn>  

注意 CellTemplate和 CellEditingTemplate的区别

 

 



 

 

2.DataGrid的增改删功能

①添加记录行+编辑记录行

由于增加和编辑有一定的联系，所以就放一起来讨论

在上面的代码处添加2个Button按钮,DataGrid默认是输入一行记录后自动会生成一个新行（类似MSSQL数据库添加表记录）。由属性 CanUserAddRows来控制 当 CanUserAddRows=false的时候就不会自动生成新行。为了方便我们自己来控制，所以在DataGrid里面设置CanUserAddRows为false.

[html] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1. <Grid>   
  2.   <Button Content="添加"   Name="btnAdd"  Click=" btnAdd_Click" />  
  3.   <Button Content="保存"  Name="btnSave" Click="btnSave_Click" />  
  4.   <DataGrid Name="dataGrid1" AutoGenerateColumns="False"  CanUserAddRows="False">   <!--此时的DataGrid就无法自己生成新行了-->  
  5.   </DataGrid>  
  6. </Grid>  
后台事件
[csharp] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1.  int judge = 0;   //0表示编辑状态，1为添加状态。因为后面的增加和编辑都在同一个事件中，所以建一个变量来区分操作  
  2.   
  3.  TB_Information  tbInfo = new TB_Information();    //这个类可以供我调用里面的方法来进行增删改查的操作  
  4.   
  5. private void btnAdd_Click(object sender, RoutedEventArgs e)  
  6. {  
  7.   
  8.         judge = 1;  //现在为添加状态       
  9.   
  10.        dataGrid1.CanUserAddRows = true;    //点击添加后  将CanUserAddRows重新设置为True，这样DataGrid就会自动生成新行，我们就能在新行中输入数据了。  
  11. }  
  12.   
  13.   
  14. //现在我们可以添加新记录了，我们接下来要做的就是获取这些新添加的记录  
  15.   
  16. //先声明一个存储新建记录集的List<T>      这里的Information是我的数据表实体类  里面包含FID ，公司名称，职员姓名，性别，年龄，职务  
  17.   
  18.  List<Information> lstInformation = new List<Information>();  
  19.   
  20. //我们通过 RowEditEnding来获取新增的记录，就是每次编辑完行后，行失去焦点激发该事件。   更新记录也是执行该事件  
  21.   
  22.  private void dataGrid1_RowEditEnding(object sender, DataGridRowEditEndingEventArgs e)  
  23. {  
  24.      Information info = new Information();   //我自己的数据表实例类  
  25.       info = e.Row.Item as Information;        //获取该行的记录  
  26.       if (judge == 1)                                          //如果是添加状态就保存该行的值到lstInformation中  这样我们就完成了新行值的获取  
  27.       {  
  28.           lstInformation.Add(info);  
  29.       }  
  30.       else  
  31.       {    
  32.           tbInfo.UpdInformation(info);            //如果是编辑状态就执行更新操作  更新操作最简单，因为你直接可以在DataGrid里面进行编辑，编辑完成后执行这个事件就完成更新操作了  
  33.       }  
  34. }  
  35.   
  36.   
  37.   
  38. //获取到记录后，单击保存按钮就可以保存lstInformation中的每一条记录  
  39. private void btnSave_Click(object sender, RoutedEventArgs e)  
  40. {  
  41.        foreach (Information info in lstInformation)  
  42.        {  
  43.              tbInfo.InsInformation(info);      //执行插入方法，将记录保存到数据库  
  44.       }  
  45.             judge = 0;          //重新回到编辑状态  
  46.             lstInformation.Clear();  
  47.            dataGrid1.CanUserAddRows = false;     //因为完成了添加操作 所以设置DataGrid不能自动生成新行了  
  48.            Binding(Num, 1);  
  49. }  


这里又会遇到一个问题。那就是更新数据的时候，发现数据更本就没更新。跟踪代码会发现后台得到的值还是原来的，无法获取编辑后的值。这个问题就是绑定模式的问题，我们只需设置双向绑定就可以了。且作用对象是在属性值更改的情况下进行双向绑定。 只要在前面的每个表字段处加上Mode=TwoWay, UpdateSourceTrigger=PropertyChanged问题就解决了

例如： <DataGridTextColumn Header="公司名称" Width="80" Binding="{Binding 公司名称, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />

 

 

②删除记录

为了有良好的用户体验，我就做了个可以批量删除的删除功能。就是利用到CheckBox控件来完成。

以绑定代码为基础添加代码

<Grid> 
<Button Content="添加" Name="btnAdd" Click="btnAdd_Click" />
<Button Content="保存" Name="btnSave" Click="btnSave_Click" />
<Button Content="删除" Name="btnDelete" Click="btnDelete_Click" />

</Grid>

首先我们要获取CheckBox中的值，有哪些是被选中的。显然CheckBox里面还必须绑定值，并且还需要一个事件。给CheckBox添加的代码如下

<DataTemplate>
<CheckBox Click="CheckBox_Click" Tag="{Binding FID}" ></CheckBox>
</DataTemplate>

后台代码

[csharp] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1. //由ChecBox的Click事件来记录被选中行的FID  
  2.   
  3.  List<int> selectFID = new List<int>();  //保存选中要删除行的FID值  
  4.   
  5.  private void CheckBox_Click(object sender, RoutedEventArgs e)  
  6. {  
  7.      CheckBox dg = sender as CheckBox;  
  8.      int FID = int.Parse(dg.Tag.ToString());   //获取该行的FID  
  9.      var bl = dg.IsChecked;  
  10.      if (bl == true)  
  11.      {  
  12.         selectFID.Add(FID);         //如果选中就保存FID  
  13.      }  
  14.      else  
  15.      {  
  16.         selectFID.Remove(FID);  //如果选中取消就删除里面的FID  
  17.     }  
  18. }  
  19.   
  20.   
  21.   
  22. //已经获取到里面的值了，接下来就只要完成删除操作就可以了  删除事件如下  
  23.   
  24.  private void btnDelete_Click(object sender, RoutedEventArgs e)  
  25. {  
  26.      foreach (int FID in selectFID)  
  27.     {  
  28.          tbInfo.DelInformation(FID);   //循环遍历删除里面的记录  
  29.     }  
  30.     //Binding(Num, 1);       //这个是我绑定的一个方法，作用是删除记录后重新给DataGrid赋新的数据源  
  31. }  

[csharp] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1. //由ChecBox的Click事件来记录被选中行的FID  
  2.   
  3.  List<int> selectFID = new List<int>();  //保存选中要删除行的FID值  
  4.   
  5.  private void CheckBox_Click(object sender, RoutedEventArgs e)  
  6. {  
  7.      CheckBox dg = sender as CheckBox;  
  8.      int FID = int.Parse(dg.Tag.ToString());   //获取该行的FID  
  9.      var bl = dg.IsChecked;  
  10.      if (bl == true)  
  11.      {  
  12.         selectFID.Add(FID);         //如果选中就保存FID  
  13.      }  
  14.      else  
  15.      {  
  16.         selectFID.Remove(FID);  //如果选中取消就删除里面的FID  
  17.     }  
  18. }  
  19.   
  20.   
  21.   
  22. //已经获取到里面的值了，接下来就只要完成删除操作就可以了  删除事件如下  
  23.   
  24.  private void btnDelete_Click(object sender, RoutedEventArgs e)  
  25. {  
  26.      foreach (int FID in selectFID)  
  27.     {  
  28.          tbInfo.DelInformation(FID);   //循环遍历删除里面的记录  
  29.     }  
  30.     //Binding(Num, 1);       //这个是我绑定的一个方法，作用是删除记录后重新给DataGrid赋新的数据源  
  31. }  

3.DataGrid的分页实现


原理：其实分页功能的实现大家都清楚，无非就是把一个记录集通过运算来刷选里面对应页码的记录。

接来下我们再次添加新的代码

 

[html] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1. <Grid>  
  2. <DataGrid  Name="dataGrid1" AutoGenerateColumns="False">  
  3.         <!--省略N个代码-->  
  4. </DataGrid>  
  5. <StackPanel Orientation="Horizontal">  
  6.        <TextBlock Text="转到" Margin="5"/>  
  7.        <TextBox Name="tbxPageNum" Text="" />  
  8.        <TextBlock Text="页" />  
  9.        <Button Content="GO"   Click="btnGo_Click"/>  
  10.        <Button Name="btnUp" Content="上一页"  VerticalAlignment="Center" Click="btnUp_Click"/>   
  11.        <Button Name="btnNext" Content="下一页"  VerticalAlignment="Center" Click="btnNext_Click"/>  
  12.        <TextBlock Height="20">  
  13.              <TextBlock Text="【共" />  
  14.              <TextBlock Name="tbkTotal" Foreground="Red" />  
  15.              <TextBlock Text="页】" />  
  16.              <TextBlock Text="【当前" />  
  17.              <TextBlock Name="tbkCurrentsize" Foreground="Red" />  
  18.              <TextBlock Text="页】" />  
  19.        </TextBlock>  
  20. </StackPanel>  
  21. </Grid>  

 

首先我们先写个分页的方法，供上面这些事件调用

后台代码

[csharp] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1. //number表示每个页面显示的记录数    currentSize表示当前显示页数  
  2.   
  3.  private void Binding(int number, int currentSize)  
  4. {  
  5.       List<Information> infoList = new List<Information>();  
  6.       infoList = tbInfo.GetInformationList();      //获取数据源  
  7.       int count = infoList.Count;          //获取记录总数  
  8.       int pageSize = 0;            //pageSize表示总页数  
  9.       if (count % number == 0)  
  10.       {  
  11.            pageSize = count / number;  
  12.       }  
  13.       else  
  14.       {  
  15.            pageSize = count / number + 1;  
  16.       }  
  17.       tbkTotal.Text = pageSize.ToString();         
  18.   
  19.       tbkCurrentsize.Text = currentSize.ToString();     
  20.       infoList = infoList.Take(number * currentSize).Skip(number * (currentSize - 1)).ToList();   //刷选第currentSize页要显示的记录集  
  21.       dataGrid1.ItemsSource = infoList;        //重新绑定dataGrid1  
  22. }  
  23.   
  24.   
  25.   
  26. //分页方法写好了 接下来就是响应下一页，上一页，和跳转页面的事件了  
  27.   
  28. //先定义一个常量  
  29.   
  30.  const int Num=12;  //表示每页显示12条记录  
  31.   
  32. //上一页事件   
  33.   
  34.  private void btnUp_Click(object sender, RoutedEventArgs e)  
  35. {  
  36.      int currentsize = int.Parse(tbkCurrentsize.Text); //获取当前页数  
  37.      if (currentsize > 1)  
  38.      {  
  39.          Binding(Num, currentsize - 1);   //调用分页方法  
  40.      }  
  41. }  
  42.   
  43.   
  44. //下一页事件  
  45. private void btnNext_Click(object sender, RoutedEventArgs e)  
  46. {  
  47.      int total = int.Parse(tbkTotal.Text); //总页数  
  48.      int currentsize = int.Parse(tbkCurrentsize.Text); //当前页数  
  49.      if (currentsize < total)  
  50.     {  
  51.         Binding(Num, currentsize + 1);   //调用分页方法  
  52.     }  
  53. }  
  54.   
  55.   
  56. //跳转事件  
  57. private void btnGo_Click(object sender, RoutedEventArgs e)  
  58. {  
  59.     int pageNum = int.Parse(tbxPageNum.Text);  
  60.     int total = int.Parse(tbkTotal.Text); //总页数  
  61.     if (pageNum >= 1 && pageNum <= total)  
  62.     {  
  63.        Binding(Num, pageNum);     //调用分页方法  
  64.     }  
  65. }  

4.DataGrid的样式设计

为什么用WPF，不就是因为WPF拥有绚丽的设计页面功能么（当然远不止这些）。虽然我美工这方面很差劲，但是最基本的设计我们还是要会一些。所以接下来做的工作主要就是给DataGrid上色了。（有些需要用到后台代码，也许不属于样式这类，但总归是改变外观，所以就放在一起归纳了）

 

①给DataGrid自动添加行序号+修改行表头颜色

后台代码

[csharp] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1. //窗体加载事件  
  2.   
  3.  private void Window_Loaded(object sender, RoutedEventArgs e)  
  4. {  
  5.     Binding(Num, 1);   //调用分页方法  显示第一页  
  6.     dataGrid1.LoadingRow += new EventHandler<DataGridRowEventArgs>(dataGrid_LoadingRow);    //自动添加序号的事件  调用下面的dataGrid_LoadingRow  
  7. }  
  8.   
  9.  public void dataGrid_LoadingRow(object sender, DataGridRowEventArgs e)  
  10. {  
  11.         e.Row.Header = e.Row.GetIndex() + 1;    //设置行表头的内容值  
  12. }  

接下来就可以修改行表头的颜色了
[html] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1.  <DataGrid Name="dataGrid1">  
  2.    <DataGrid.RowHeaderStyle>  
  3.      <Style TargetType="DataGridRowHeader">  
  4.           <Setter Property="Width" Value="15"/>  
  5.           <Setter Property="Background">  
  6.              <Setter.Value>  
  7.                   <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">  
  8.                        <GradientStop Color="White" Offset="0"/>     <!--这里用到了两种颜色  也可以多层  这样就可以产生一种渐变的效果或立体感-->  
  9.                        <GradientStop Color="SkyBlue" Offset="1"/>  
  10.                  </LinearGradientBrush>  
  11.              </Setter.Value>  
  12.         </Setter>  
  13.     </Style>  
  14.   </DataGrid.RowHeaderStyle>  
  15. <!--省略N个代码-->  
  16. </DataGrid>  


②给列表头添加颜色
[html] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1.  <DataGrid Name="dataGrid1">  
  2. <!--给整个表头添加颜色开始-->  
  3.           <DataGrid.ColumnHeaderStyle>  
  4.                <Style TargetType="DataGridColumnHeader">  
  5.                     <Setter Property="Background">  
  6.                          <Setter.Value>  
  7.                                 <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">  
  8.                                         <GradientStop Color="White" Offset="0"/>  
  9.                                         <GradientStop Color="LightBlue" Offset="0.5"/>  
  10.                                         <GradientStop Color="White" Offset="1"/>  
  11.                                </LinearGradientBrush>  
  12.                          </Setter.Value>  
  13.                    </Setter>  
  14.                    <Setter Property="Foreground" Value="Black"/>  
  15.                    <Setter Property="FontSize" Value="13" />  
  16.               </Style>  
  17.          </DataGrid.ColumnHeaderStyle>  
  18. <!--给整个表头添加颜色结束-->  
  19.   
  20. <!--给单个列表头添加颜色开始(以操作列表头为例)-->  
  21.           <DataGrid.Columns>  
  22.                 <DataGridTemplateColumn Header="操作" Width="40">  
  23.                      <DataGridColumn.HeaderStyle>  
  24.                            <Style TargetType="DataGridColumnHeader">  
  25.                                  <Setter Property="Background">  
  26.                                        <Setter.Value>  
  27.                                              <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">  
  28.                                                    <GradientStop Color="White" Offset="0"/>  
  29.                                                    <GradientStop Color="Yellow" Offset="0.5"/>  
  30.                                                    <GradientStop Color="White" Offset="1"/>  
  31.                                             </LinearGradientBrush>  
  32.                                       </Setter.Value>  
  33.                                 </Setter>  
  34.                                <Setter Property="Foreground" Value="Black"/>  
  35.                                <Setter Property="FontSize" Value="13"/>  
  36.                                <Setter Property="Width" Value="70"/>  
  37.                           </Style>  
  38.                     </DataGridColumn.HeaderStyle>  
  39.                 </DataGridTemplateColumn>  
  40.           </DataGrid.Columns>  
  41. <!--给单个列表头添加颜色结束-->  
  42. <!--省略N个代码-->  
  43. </DataGrid>  


③给行添加颜色+滑鼠事件
[html] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1. <DataGrid Name="dataGrid1">  
  2.     <DataGrid.RowStyle>  
  3.         <Style TargetType="DataGridRow">  
  4.                <Setter Property="Background" Value="LightBlue" />  
  5.                <Style.Triggers>  
  6.                    <Trigger Property="IsMouseOver" Value="True">     <!--当鼠标经过时 改变颜色-->  
  7.                         <Setter Property="Background" Value="SkyBlue"/>  
  8.                          <Setter Property="Foreground" Value="White"/>  
  9.                    </Trigger>  
  10.              </Style.Triggers>  
  11.        </Style>  
  12.    </DataGrid.RowStyle>  
  13. <!--省略N个代码-->  
  14. lt;/DataGrid>  

④给单元格添加颜色
[html] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1.  <DataGrid Name="dataGrid1">  
  2.       <DataGrid.CellStyle>  
  3.           <Style TargetType="DataGridCell">  
  4.                 <Style.Triggers>  
  5.                         <Trigger Property="IsSelected" Value="True">     <!--单元格被选中时 改变颜色-->  
  6.                               <Setter Property="Background" Value="LightPink"/>  
  7.                         </Trigger>  
  8.                 </Style.Triggers>  
  9.           </Style>  
  10. </DataGrid.CellStyle>  
  11.   
  12. <!--省略N个代码-->  
  13. </DataGrid>  

⑤ 让用户在单元格获得焦点时编辑 ComboBox

其实这不属于样式的范畴了，但我喜欢把改善用户体验归于这一类。当我们的表格里有类似ComboBox的控件时（如： DatePicker 控件等）。我们编辑这些控件时，首先第一次单击获取单元格焦点，

第二次点击才能获取编辑时的焦点，也就是用户必须单击2次才能进行操作。这种机制其实是适合文本框控件的，但对于其它控件，像ComboBox就显得很不方便了。所以我们要做的就是单击第一次的

时候用户就可以编辑ComboBox。

接下来我要在DataGrid添加了三个新属性（RowDetailsVisibilityMode、SelectionMode 和 SelectionUnit）和一个新的事件处理程序 (SelectedCellsChanged)

前台

<DataGrid Name="dataGrid1" CanUserAddRows="False" AutoGenerateColumns="False" RowEditEnding="dataGrid1_RowEditEnding"RowDetailsVisibilityMode="VisibleWhenSelected" SelectionMode="Extended" SelectionUnit="Cell" SelectedCellsChanged="dataGrid1_SelectedCellsChanged" >

</DataGrid>

 

后台

现在就差一个 SelectedCellsChanged(选则单元格时出发该事件)事件的后台代码了

[csharp] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1. private void dataGrid1_SelectedCellsChanged(object sender, SelectedCellsChangedEventArgs e)  
  2.   
  3.     if (e.AddedCells.Count == 0)  
  4.          return;  
  5.     var currentCell = e.AddedCells[0];  
  6.     if (currentCell.Column == dataGrid1.Columns[3])   //Columns[]从0开始  我这的ComboBox在第四列  所以为3  
  7.     {  
  8.            dataGrid1.BeginEdit();    //  进入编辑模式  这样单击一次就可以选择ComboBox里面的值了  
  9.     }  


 

⑥固定列表头

这个非常简单 只要在DataGrid里添加一个属性即可

<DataGrid FrozenColumnCount="1" >

<!--从1开始 1表示第一列 这里如果要固定我的操作列就设置为1-->

</DataGrid>

 
 
=============================================================

组件所在命名空间：

System.Windows.Controls

 

组件常用方法：

BeginEdit：使DataGrid进入编辑状态。

CancelEdit：取消DataGrid的编辑状态。

CollapseRowGroup：闭合DataGrid的行分组。

CommitEdit：确认DataGrid的编辑完成。

ExpandRowGroup：展开DataGrid的行分组。

GetGroupFromItem：从具体Item中得到分组。

ScrollIntoView：滚动DataGrid视图。

 

组件常用属性：

AlternatingRowBackground：获取或设置一个笔刷用来描绘DataGrid奇数行的背景。

AreRowDetailsFrozen：获取或设置一个值用来判断是否冻结每行内容的详细信息。

AreRowGroupHeadersFrozen：获取或设置一个值用来判断是否冻结分组行的头部。

AutoGenerateColumns：获取或设置一个值用来判断是否允许自动生成表列。

CanUserReorderColumns：获取或设置一个值用来判断是否允许用户重新排列表列的位置。

CanUserSortColumns：获取或设置一个值用来判断是否允许用户按列对表中内容进行排序。

CellStyle：获取或设置单元格的样式。

ColumnHeaderHeight：获取或设置列头的高度。

ColumnHeaderStyle：获取或设置列头的样式。

Columns：获取组件中包含所有列的集合。

ColumnWidth：获取或设置列宽。

CurrentColumn：获取或设置包含当前单元格的列。

CurrentItem：获取包含当前单元格且与行绑定的数据项。

DragIndicatorStyle：获取或设置当拖曳列头时的样式。

DropLocationIndicatorStyle：获取或设置呈现列头时的样式。

FrozenColumnCount：获取或设置冻结列的个数。

GridLinesVisibility：获取或设置网格线的显示形式。

HeadersVisibility：获取或设置行头及列头的显示形式。

HorizontalGridLinesBrush：获取或设置水平网格线的笔刷。

HorizontalScrollBarVisibility：获取或设置水平滚动条的显示样式。

IsReadOnly：获取或设置DataGrid是否为只读。

MaxColumnWidth：获取或设置DataGrid的最大列宽。

MinColumnWidth：获取或设置DataGrid的最小列宽。

RowBackground：获取或设置用于填充行背景的笔刷。

RowDetailsTemplate：获取或设置被用于显示行详细部分的内容的模板。

RowDetailsVisibilityMode：获取或设置一个值用以判定行详细部分是否显示。

RowGroupHeaderStyles：获取呈现行分组头部的样式。

RowHeaderStyle：获取或设置呈现行头的样式。

RowHeaderWidth：获取或设置行头的宽度。

RowHeight：获取或设置每行的高度。

RowStyle：获取或设置呈现行时的样式。

SelectedIndex：获取或设置当前选中部分的索引值。

SelectedItem：获取或设置与当前被选中行绑定的数据项。

SelectedItems：获取与当前被选中的各行绑定的数据项们的列表（List）。

SelectionMode：获取或设置DataGrid的选取模式。

VerticalGridLinesBrush：获取或设置垂直网格线的笔刷。

VerticalScrollBarVisibility：获取或设置垂直滚动条的显示样式。

 

组件常用事件：

BeginningEdit：发生于一个单元格或行进入编辑模式之前。

CellEditEnded：发生于一个单元格编辑已被确认或取消。

CellEditEnding：发生于一个单元格正在结束编辑时。

CurrentCellChanged：发生于一个单元格成为当前单元格时。

PreparingCellForEdit：发生于在DataGridTemplateColumn下的单元格进入编辑模式时。

SelectionChanged：发生于当SelectedItem或SelectedItems属性值改变时。

posted @ 2016-10-24 11:00  pengde  阅读(207)  评论(0)  编辑  收藏  举报