Silverlight实用窍门系列:57.Silverlight中的Binding使用(二)-数据验证

简介:

本文将简单讲述Silverlight中的Binding数据时的数据验证。

    NotifyOnValidationError:是否在出现异常/错误信息的时候激发BindingValidationError事件。

    ValidatesOnExceptions:是否将异常信息作为错误信息显示出来。

    ValidatesOnDataErrors:结合IDataErrorInfo接口以显示错误信息。

    BindingValidationError:这是一个路由事件,当绑定数据的源对象A有错误的时候,抛出异常让此事件接收并且触发,当源对象A没有BindingValidationError事件的时候让其父对象的BindingValidationError事件接收并且触发。

        首先我们写一个用户类,并且在属性中进行简单验证错误时抛出异常如下代码:

 

 
  1. public class User 
  2.     private string m_UserName; 
  3.  
  4.     public string UserName 
  5.     { 
  6.         get { return m_UserName; } 
  7.         set  
  8.         { 
  9.             if (value.Length < 3) 
  10.             { 
  11.                 throw new Exception("用户名小于3个字符"); 
  12.             } 
  13.             m_UserName = value;  
  14.         } 
  15.     } 
  16.  
  17.     private string m_UserPwd; 
  18.  
  19.     public string UserPwd 
  20.     { 
  21.         get { return m_UserPwd; } 
  22.         set  
  23.         { 
  24.             if (value.Length < 6) 
  25.             { 
  26.                 throw new Exception("密码长度不能小于6"); 
  27.             } 
  28.             m_UserPwd = value; 
  29.         } 
  30.     } 

        然后我们来看Xaml代码演示一个登录时数据绑定的界面:

 

 
  1.     <Grid x:Name="LayoutRoot" Background="White"  > 
  2.     <Canvas Name="canvasUser" BindingValidationError="canvasUser_BindingValidationError" 
  3.             Loaded="canvasUser_Loaded"
  4.         <sdk:Label Height="28" Name="lbpwd" Width="55" Canvas.Left="16" Canvas.Top="51" 
  5.                    Content="密 码:" /> 
  6.         <sdk:Label Canvas.Left="16" Canvas.Top="15" Height="28" Name="lbusername" 
  7.                    Width="55" Content="用户名:" /> 
  8.         <TextBox x:Name="tbUserName" Width="88" Margin="10" 
  9.                     Text="{Binding Path=UserName, Mode=TwoWay, 
  10.                     NotifyOnValidationError=True,ValidatesOnExceptions=True}" 
  11.                  Canvas.Left="91" Canvas.Top="5" /> 
  12.         <TextBox x:Name="tbUserPwd" Width="88" Margin="10" 
  13.                     Text="{Binding Path=UserPwd, Mode=TwoWay, 
  14.                     NotifyOnValidationError=False,ValidatesOnExceptions=True}" 
  15.                  Canvas.Left="91" Canvas.Top="45" /> 
  16.         <Button Height="30" Width="70" Content="提 交" 
  17.                 Canvas.Left="54" Canvas.Top="93" /> 
  18.     </Canvas> 
  19. </Grid> 

        最后将User类绑定到前台界面原始,并且描述BindingValidationError事件时将TextBox边框变为红色。

 

 
  1. public partial class MainPage : UserControl 
  2.     public MainPage() 
  3.     { 
  4.         InitializeComponent(); 
  5.     } 
  6.  
  7.     private void canvasUser_BindingValidationError(object sender, ValidationErrorEventArgs e) 
  8.     { 
  9.  
  10.         TextBox tb = e.OriginalSource as TextBox; 
  11.         if (e.Action == ValidationErrorEventAction.Added) 
  12.         { 
  13.             tb.BorderBrush = new SolidColorBrush(Colors.Red); 
  14.         } 
  15.         else if (e.Action == ValidationErrorEventAction.Removed) 
  16.         { 
  17.             tb.BorderBrush = new SolidColorBrush(Colors.White); 
  18.         } 
  19.     } 
  20.  
  21.     private void canvasUser_Loaded(object sender, RoutedEventArgs e) 
  22.     { 
  23.         this.canvasUser.DataContext = new User(); 
  24.     } 

       实现效果如下图,在输入非正确的字符数目的时候会自动提示错误,如需源码请点击SLBinding2.rar 下载。

 


本文转自程兴亮 51CTO博客,原文链接:http://blog.51cto.com/chengxingliang/827107


相关文章

热门文章

最新文章