WPF之DataGrid应用

能突破5万的点击量我很开心,多谢大家的支持,请允许我做个小广告,推荐下我的新应用——花钱大师,大家支持下,谢谢。

地址:

点击打开链接

 

 

前几天打算尝试下DataGrid的用法,起初以为应该很简单,可后来被各种使用方法和功能实现所折磨。网络上的解决方法太多,但也太杂。没法子,我只好硬着头皮阅览各种文献资料,然后不断的去尝试,总算小有成果。因此,把我学到的和大家分享一下,相信这篇文章会让你再很短的时间内学会DataGrid的大部分主要功能,而且很多难点都可以在里面找到解决方案。

由于涉及的应用比较多,所以篇幅会很长。但可以确保各个版块相互独立,总共4个部分

1.数据绑定

2.DataGrid的增改删功能

3.DataGrid的分页实现

4.DataGrid的样式设计

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

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

1.数据绑定(涉及DataGrid绑定和Combox绑定)

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

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




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

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

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

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

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

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



  
    
         
    
  


 
  
    
      
        
          
            
          
        
      
      
      
      
      
      
      
    
  


后台

 namespace Demo{
/// 
/// MainWindow.xaml 的交互逻辑
/// 
public enum Sex { 男,女 };  //注意 写在命名空间内 ,不要写在类里,否则台前local:Sex找不到路径

}

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

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

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


                    
                        
                              
                        
                    
                    
                          
                            
                        
                    
                

注意 CellTemplate和 CellEditingTemplate的区别




2.DataGrid的增改删功能

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

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

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

 
  

后台事件

 int judge = 0;   //0表示编辑状态,1为添加状态。因为后面的增加和编辑都在同一个事件中,所以建一个变量来区分操作

 TB_Information  tbInfo = new TB_Information();    //这个类可以供我调用里面的方法来进行增删改查的操作

private void btnAdd_Click(object sender, RoutedEventArgs e)
{

        judge = 1;  //现在为添加状态     

       dataGrid1.CanUserAddRows = true;    //点击添加后  将CanUserAddRows重新设置为True,这样DataGrid就会自动生成新行,我们就能在新行中输入数据了。
}


//现在我们可以添加新记录了,我们接下来要做的就是获取这些新添加的记录

//先声明一个存储新建记录集的List      这里的Information是我的数据表实体类  里面包含FID ,公司名称,职员姓名,性别,年龄,职务

 List lstInformation = new List();

//我们通过 RowEditEnding来获取新增的记录,就是每次编辑完行后,行失去焦点激发该事件。   更新记录也是执行该事件

 private void dataGrid1_RowEditEnding(object sender, DataGridRowEditEndingEventArgs e)
{
     Information info = new Information();   //我自己的数据表实例类
      info = e.Row.Item as Information;        //获取该行的记录
      if (judge == 1)                                          //如果是添加状态就保存该行的值到lstInformation中  这样我们就完成了新行值的获取
      {
          lstInformation.Add(info);
      }
      else
      {  
          tbInfo.UpdInformation(info);            //如果是编辑状态就执行更新操作  更新操作最简单,因为你直接可以在DataGrid里面进行编辑,编辑完成后执行这个事件就完成更新操作了
      }
}



//获取到记录后,单击保存按钮就可以保存lstInformation中的每一条记录
private void btnSave_Click(object sender, RoutedEventArgs e)
{
       foreach (Information info in lstInformation)
       {
             tbInfo.InsInformation(info);      //执行插入方法,将记录保存到数据库
      }
            judge = 0;          //重新回到编辑状态
            lstInformation.Clear();
           dataGrid1.CanUserAddRows = false;     //因为完成了添加操作 所以设置DataGrid不能自动生成新行了
           Binding(Num, 1);
}


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

例如: Binding="{Binding 公司名称, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />

②删除记录

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

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


你可能感兴趣的:(WPF,DataGrid,删除,分页,ComboBox,绑定)