拼吾爱程序人生

首页»  Silverlight»  SilverLight学习笔记--实际应用(一)(4):手把手建立一个Silverlight应用程序之同步数据校验1
cobra - 2009-9-11 12:27:00
上一篇：SilverLight学习笔记--实际应用(一)(3):手把手建立一个Silverlight应用程序之删除记录

现在我们的程序有了添加和删除以及修改功能，下面我们看一看如何让程序具备数据校验功能。我们将用两种方式实现数据的校验，一种是在客户端进行同步校验。另一种是在服务器端进行异步校验。

  本篇我们先实现如何在客户端进行同步校验。基本原理是：利用数据的双向绑定和INotifyPropertyChanged 接口以及控件的NotifyOnValidationError与ValidatesOnExceptions两个属性设置来配合实现客户端同步校验。

现在继续修改完善我们的程序。

1、修改用户界面如下:
  1. <UserControl xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"  x:Class="SLApplicationDataTest.Page"
  2.     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.     Width="400" Height="300">
  5.     <StackPanel Height="500" Background="White">
  6.         <StackPanel Orientation="Horizontal">
  7.             <Button x:Name="addButton" Content="Add" Margin="10"/>
  8.             <Button x:Name="deleteButton" Content="Delete" Margin="10"/>
  9.         </StackPanel>
  10.         <data:DataGrid x:Name="dgPeople" AutoGenerateColumns="False" >
  11.             <data:DataGrid.Columns>
  12.                 <data:DataGridTextColumn    Header="Name"  Binding="{Binding Name}"  />
  13.                 <data:DataGridTextColumn    Header="Sex"  Binding="{Binding Sex}"  />
  14.                 <data:DataGridTemplateColumn Header="Age">
  15.                     <data:DataGridTemplateColumn.CellTemplate >
  16.                         <DataTemplate>
  17.                             <TextBlock  Text="{Binding Age}"  ToolTipService.ToolTip="请输入0至200之间的整数！"></TextBlock>
  18.                         </DataTemplate>
  19.                     </data:DataGridTemplateColumn.CellTemplate>
  20.                     <data:DataGridTemplateColumn.CellEditingTemplate>
  21.                         <DataTemplate>
  22.                             <TextBox Text="{Binding Age , Mode=TwoWay, NotifyOnValidationError=True,  ValidatesOnExceptions=True}" BindingValidationError="TextBox_BindingValidationError"
  23.                                     ToolTipService.ToolTip="请输入0至200之间的整数！"></TextBox>
  24.                         </DataTemplate>
  25.                     </data:DataGridTemplateColumn.CellEditingTemplate>
  26.                 </data:DataGridTemplateColumn>
  27.                 <data:DataGridTextColumn    Header="Address"  Binding="{Binding Address}"  />
  28.             </data:DataGrid.Columns>
  29.         </data:DataGrid>
  30.     </StackPanel>
  31. </UserControl>
复制代码
在此界面中，我们不再是简单地进行绑定数据和显示数据，而是对DataGrid控件进行了改造，尤其是运用了模板来定义我们的Age字段。注意Age字段的CellEditingTemplate模板，它的两个属性:NotifyOnValidationError，ValidatesOnExceptions都必须设置为true,这样才会在绑定出错时报错，而对错误事件的处理则字义在BindingValidationError事件中。
Silverlight栏目的最新浏览文章：
• 通过动态构造实体在Silverlight 中给DataGrid 绑定数据
• Silverlight基于WCF双工以及.NET TCP协议即时通讯系统
• Silverlight 4 离线简体中文版帮助文档
• 使用Silverlight构建一个工作流设计器(十六)-持久化数据到数据库—数据库结构
• 最新Microsoft Expression Studio 3破解
• 微软Expression Blend 3中文教程
• 【Silverlight】利用IsolatedStorageFile实现客户端缓存
• Silverlight 的弹出窗体--展示
• Silverlight 4中使用MEF实现页面的动态装配
• Silverlight实现360度全景展示效果
• Pro Business Applications with Silverlight 4
• Silverlight实时3D渲染引擎：SilverMotion
• Silverlight中把WriteableBitmap转为Byte流并保存到本地
• Silverlight 图片局部放大效果
• Silverlight 4 User Interface Cookbook
• Silverlight 相册DEMO--ImageSnipper(V2)
cobra - 2009-9-11 12:27:00
2、修改Person类

在此类中加入绑定数据的校验工作。具体代码如下:
  1. Public int Age
  2.         {
  3.             get { return _age; }
  4.             set
  5.             {
  6.                 if (value == _age) return;

  8.                 //如果输入的不是整数，则抛出异常
  9.                 try
  10.                 {
  11.                     Convert.ToInt32(value);
  12.                 }
  13.                 catch(Exception ex)
  14.                 {
  15.                     throw new Exception(ex.ToString());
  16.                 }
  17.                
  18.                 //如果输入的整数不在合理范围同，则也抛出异常

  20.                 if (value < 0 || value > 200)
  21.                 {
  22.                     throw new Exception("Age must be between 0 and 200");
  23.                 }


  26.                 _age = value;
  27.                 OnPropertyChanged("Age");
  28.             }
  29.         }
复制代码
Person类全部代码如下:
  1. using System;
  2. using System.Net;
  3. using System.Windows;
  4. using System.Windows.Controls;
  5. using System.Windows.Documents;
  6. using System.Windows.Ink;
  7. using System.Windows.Input;
  8. using System.Windows.Media;
  9. using System.Windows.Media.Animation;
  10. using System.Windows.Shapes;
  11. using System.ComponentModel; //因为要用到INotifyPropertyChanged接口


  14. namespace SLApplicationDataTest
  15. {
  16.     public class Person : INotifyPropertyChanged
  17.     {
  18.         private string _name;
  19.         private string _sex;
  20.         private int _age;
  21.         private string _address;

  23.         #region Constructors
  24.         public Person() { }

  26.         public Person(string NameStr, string SexStr, int AgeInt, string AddressStr)
  27.         {
  28.             this._name = NameStr;
  29.             this._sex = SexStr;
  30.             this._age = AgeInt;
  31.             this._address = AddressStr;
  32.         }
  33.         #endregion


  36.         #region Properties

  38.         public string Name
  39.         {
  40.             get { return _name; }
  41.             set
  42.             {
  43.                 if (value == _name) return;
  44.                 _name = value;
  45.                 OnPropertyChanged("Name");
  46.             }
  47.         }

  49.         public string Sex
  50.         {
  51.             get { return _sex; }
  52.             set
  53.             {
  54.                 if (value == _sex) return;
  55.                 _sex = value;
  56.                 OnPropertyChanged("Sex");
  57.             }
  58.         }

  60.         public int Age
  61.         {
  62.             get { return _age; }
  63.             set
  64.             {
  65.                 if (value == _age) return;

  67.                 //如果输入的不是整数，则抛出异常
  68.                 try
  69.                 {
  70.                     Convert.ToInt32(value);
  71.                 }
  72.                 catch(Exception ex)
  73.                 {
  74.                     throw new Exception(ex.ToString());
  75.                 }
  76.                
  77.                 //如果输入的整数不在合理范围同，则也抛出异常

  79.                 if (value < 0 || value > 200)
  80.                 {
  81.                     throw new Exception("Age must be between 0 and 200");
  82.                 }


  85.                 _age = value;
  86.                 OnPropertyChanged("Age");
  87.             }
  88.         }

  90.         public string Address
  91.         {
  92.             get { return _address; }
  93.             set
  94.             {
  95.                 if (value == _address) return;
  96.                 _address = value;
  97.                 OnPropertyChanged("Address");
  98.             }
  99.         }
  100.         #endregion

  102.         #region INotifyPropertyChanged 接口实现
  103.         public event PropertyChangedEventHandler PropertyChanged;

  105.         protected void OnPropertyChanged(string name)
  106.         {
  107.             if (PropertyChanged != null)
  108.                 PropertyChanged(this, new PropertyChangedEventArgs(name));
  109.         }
  110.         #endregion

  112.     }
  113. }
复制代码
cobra - 2009-9-11 12:27:00
3、完成校验错误处理程序
  1.   #region 校验错误处理程序
  2.         private void TextBox_BindingValidationError(object sender, ValidationErrorEventArgs e)
  3.         {
  4.            
  5.             if (e.Action == ValidationErrorEventAction.Added)
  6.             {
  7.               //((Control)e.OriginalSource).Background = new SolidColorBrush(Colors.Red);
  8.               //((Control)e.OriginalSource).SetValue(ToolTipService.ToolTipProperty, e.Error.Exception.Message);
  9.               //((Control)e.OriginalSource).Focus();
  10.               this.Dispatcher.BeginInvoke(() => HtmlPage.Window.Alert(e.Error.Exception.Message));

  12.              
  13.             }
  14.             else if (e.Action == ValidationErrorEventAction.Removed)
  15.             {
  16.                 //((Control)e.OriginalSource).Background = new SolidColorBrush(Colors.White);
  17.                 //((Control)e.OriginalSource).SetValue(ToolTipService.ToolTipProperty, null);
  18.             }

  20.         }
  21.         #endregion
复制代码
Page.xaml.cs全部代码如下:
  1. using System;
  2. using System.Collections.Generic;
  3. using System.Linq;
  4. using System.Net;
  5. using System.Windows;
  6. using System.Windows.Controls;
  7. using System.Windows.Documents;
  8. using System.Windows.Input;
  9. using System.Windows.Media;
  10. using System.Windows.Media.Animation;
  11. using System.Windows.Shapes;
  12. using System.Windows.Browser; //因为要使用HtmlPage.Window.Alert(message));

  14. namespace SLApplicationDataTest
  15. {
  16.     public partial class Page : UserControl
  17.     {
  18.         People mypeople;
  19.         public Page()
  20.         {
  21.             InitializeComponent();

  23.             this.addButton.Click += new RoutedEventHandler(addButton_Click);
  24.             this.deleteButton.Click += new RoutedEventHandler(deleteButton_Click);
  25.             this.dgPeople.KeyDown += new KeyEventHandler(peopleDataGrid_KeyDown);



  29.             Loaded += new RoutedEventHandler(Page_Loaded);
  30.         }

  32.         private void Page_Loaded(object sender, RoutedEventArgs e)
  33.         {
  34.             取得数据源数据并绑定到DataGrid控件上#region 取得数据源数据并绑定到DataGrid控件上
  35.             mypeople = People.GetTestData();
  36.             this.dgPeople.ItemsSource = mypeople;
  37.             #endregion

  39.         }

  41.         #region 通过按钮添加新记录行
  42.         void addButton_Click(object sender, RoutedEventArgs e)
  43.         {
  44.             mypeople.Add(new Person());
  45.         }
  46.         #endregion

  48.         #region 通过按钮删除记录
  49.         void deleteButton_Click(object sender, RoutedEventArgs e)
  50.         {
  51.             DeletePerson();
  52.         }
  53.         #endregion

  55.         #region 删除记录子程序
  56.         private void DeletePerson()
  57.         {
  58.             if (null == this.dgPeople.SelectedItem)
  59.             {
  60.                 return;
  61.             }
  62.             Person person = this.dgPeople.SelectedItem as Person;
  63.             if (null == person)
  64.             {
  65.                 return;
  66.             }
  67.             mypeople.Remove(person);
  68.         }
  69.         #endregion

  71.         #region 处理键盘响应事件
  72.         void peopleDataGrid_KeyDown(object sender, KeyEventArgs e)
  73.         {
  74.             如果是Insert键，则做插入新行操作#region 如果是Insert键，则做插入新行操作
  75.             if (Key.Insert == e.Key)
  76.             {
  77.                 mypeople.Add(new Person());
  78.             }
  79.             #endregion

  81.             如果是Delete键，则做删除操作#region 如果是Delete键，则做删除操作
  82.             if (Key.Delete == e.Key)
  83.             {
  84.                 DeletePerson();
  85.             }
  86.             #endregion
  87.         }
  88.         #endregion


  91.         #region 校验错误处理程序
  92.         private void TextBox_BindingValidationError(object sender, ValidationErrorEventArgs e)
  93.         {
  94.            
  95.             if (e.Action == ValidationErrorEventAction.Added)
  96.             {
  97.                 //如果校验出错，则抛出错误提示窗口
  98.               /**/////((Control)e.OriginalSource).Background = new SolidColorBrush(Colors.Red);
  99.               ////((Control)e.OriginalSource).SetValue(ToolTipService.ToolTipProperty, e.Error.Exception.Message);
  100.               ////((Control)e.OriginalSource).Focus();
  101.               this.Dispatcher.BeginInvoke(() => HtmlPage.Window.Alert(e.Error.Exception.Message));

  103.              
  104.             }
  105.             else if (e.Action == ValidationErrorEventAction.Removed)
  106.             {
  107.                 //如果校验通过，则做如下处理
  108.                 /**/////((Control)e.OriginalSource).Background = new SolidColorBrush(Colors.White);
  109.                 ////((Control)e.OriginalSource).SetValue(ToolTipService.ToolTipProperty, null);
  110.             }

  112.         }
  113.         #endregion

  115.     }
  116. }
复制代码
运行效果如下：

附件: 1.png


附件: 2.png




文/wsdj
查看完整版本: SilverLight学习笔记--实际应用(一)(4):手把手建立一个Silverlight应用程序之同步数据校验1
Powered by Discuz!NT Archiver 3.0.0
CopyRight © 2007-2010 Pin5i-Programming-Life