上一篇:
SilverLight学习笔记--实际应用(一)(3):手把手建立一个Silverlight应用程序之删除记录现在我们的程序有了添加和删除以及修改功能,下面我们看一看如何让程序具备数据校验功能。我们将用两种方式实现数据的校验,一种是在客户端进行同步校验。另一种是在服务器端进行异步校验。
本篇我们先实现如何在客户端进行同步校验。基本原理是:利用数据的双向绑定和INotifyPropertyChanged 接口以及控件的NotifyOnValidationError与ValidatesOnExceptions两个属性设置来配合实现客户端同步校验。
现在继续修改完善我们的程序。
1、修改用户界面如下:- <UserControl xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data" x:Class="SLApplicationDataTest.Page"
- xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
- xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
- Width="400" Height="300">
- <StackPanel Height="500" Background="White">
- <StackPanel Orientation="Horizontal">
- <Button x:Name="addButton" Content="Add" Margin="10"/>
- <Button x:Name="deleteButton" Content="Delete" Margin="10"/>
- </StackPanel>
- <data:DataGrid x:Name="dgPeople" AutoGenerateColumns="False" >
- <data:DataGrid.Columns>
- <data:DataGridTextColumn Header="Name" Binding="{Binding Name}" />
- <data:DataGridTextColumn Header="Sex" Binding="{Binding Sex}" />
- <data:DataGridTemplateColumn Header="Age">
- <data:DataGridTemplateColumn.CellTemplate >
- <DataTemplate>
- <TextBlock Text="{Binding Age}" ToolTipService.ToolTip="请输入0至200之间的整数!"></TextBlock>
- </DataTemplate>
- </data:DataGridTemplateColumn.CellTemplate>
- <data:DataGridTemplateColumn.CellEditingTemplate>
- <DataTemplate>
- <TextBox Text="{Binding Age , Mode=TwoWay, NotifyOnValidationError=True, ValidatesOnExceptions=True}" BindingValidationError="TextBox_BindingValidationError"
- ToolTipService.ToolTip="请输入0至200之间的整数!"></TextBox>
- </DataTemplate>
- </data:DataGridTemplateColumn.CellEditingTemplate>
- </data:DataGridTemplateColumn>
- <data:DataGridTextColumn Header="Address" Binding="{Binding Address}" />
- </data:DataGrid.Columns>
- </data:DataGrid>
- </StackPanel>
- </UserControl>
复制代码在此界面中,我们不再是简单地进行绑定数据和显示数据,而是对DataGrid控件进行了改造,尤其是运用了模板来定义我们的Age字段。注意Age字段的CellEditingTemplate模板,它的两个属性:NotifyOnValidationError,ValidatesOnExceptions都必须设置为true,这样才会在绑定出错时报错,而对错误事件的处理则字义在BindingValidationError事件中。