http://blog.csdn.net/sanjiawan/article/details/6785394
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的数据绑定。
接下来贴出代码(后面的所有功能都可以在此代码基础上添加和修改)
后台
当我们绑定好数据运行程序的时候,会发现 DataGridComboBoxColumn下拉框里虽然绑定了值,但是他不会默认显示出已经设定好的值。所以我们就可以摈弃这种现有的 DataGridComboBoxColumn,我们用DataGrid样板标签DataGridTemplateColumn。
我们在DataGridTemplateColumn标签里要用到2个控件,一个 TextBlock控件来显示内容,另一个ComBox来提供选择。
所以我们可以用如下代码替换掉
<DataGridComboBoxColumn Header="sex" SelectedItemBinding="{Binding 性别}" ItemsSource="{Binding Source={StaticResource keySex}}"/>
注意 CellTemplate和 CellEditingTemplate的区别
2.DataGrid的增改删功能
①添加记录行+编辑记录行
由于增加和编辑有一定的联系,所以就放一起来讨论
在上面的代码处添加2个Button按钮,DataGrid默认是输入一行记录后自动会生成一个新行(类似MSSQL数据库添加表记录)。由属性 CanUserAddRows来控制 当 CanUserAddRows=false的时候就不会自动生成新行。为了方便我们自己来控制,所以在DataGrid里面设置CanUserAddRows为false.
后台事件
这里又会遇到一个问题。那就是更新数据的时候,发现数据更本就没更新。跟踪代码会发现后台得到的值还是原来的,无法获取编辑后的值。这个问题就是绑定模式的问题,我们只需设置双向绑定就可以了。且作用对象是在属性值更改的情况下进行双向绑定。 只要在前面的每个表字段处加上 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>
后台代码
3.DataGrid的分页实现
原理:其实分页功能的实现大家都清楚,无非就是把一个记录集通过运算来刷选里面对应页码的记录。
接来下我们再次添加新的代码
首先我们先写个分页的方法,供上面这些事件调用
后台代码
4.DataGrid的样式设计
为什么用WPF,不就是因为WPF拥有绚丽的设计页面功能么(当然远不止这些)。虽然我美工这方面很差劲,但是最基本的设计我们还是要会一些。所以接下来做的工作主要就是给DataGrid上色了。(有些需要用到后台代码,也许不属于样式这类,但总归是改变外观,所以就放在一起归纳了)
①给DataGrid自动添加行序号+修改行表头颜色
后台代码
接下来就可以修改行表头的颜色了
②给列表头添加颜色
③给行添加颜色+滑鼠事件
④给单元格添加颜色
<DataGrid Name="dataGrid1"> <DataGrid.CellStyle> <Style TargetType="DataGridCell"> <Style.Triggers> <Trigger Property="IsSelected" Value="True"> <!--单元格被选中时 改变颜色--> <Setter Property="Background" Value="LightPink"/> </Trigger> </Style.Triggers> </Style> </DataGrid.CellStyle> <!--省略N个代码--> </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(选则单元格时出发该事件)事件的后台代码了
⑥固定列表头
这个非常简单 只要在DataGrid里添加一个属性即可
<DataGrid FrozenColumnCount="1" >
<!--从1开始 1表示第一列 这里如果要固定我的操作列就设置为1-->
</DataGrid>
来源:https://www.cnblogs.com/Viper/p/3800182.html