WPF开发随笔收录-DataAnnotations实现数据校验(MVVM架构下)
一、前言
在自己的项目中挺多地方需要涉及到数据验证的,初期的实现方式都是通过点击确定后再逐个验证数据是否符合要求,但这种方式会让后台代码变得很多很乱。于是就开始在网上需求好的解决方式,刚好看到了一个大佬的博客写了关于数据验证的博客,也成功将那个方法用在项目中了,今天就来这里分享一下。博客原文:https://www.cnblogs.com/wzh2010/p/6518834.html
二、正文
1、这里写一个简单的例子来作为参考,首先新建个项目,按照常规MVVM构建好项目,如下图。然后添加需要用到的通知基类和命令基类
2、然后就是添加一个验证的基类ValidateModelBase,后面需要实现验证的类直接继承这个类即可,这个代码是直接搬大佬的
public class ValidateModelBase : NotifyBase, IDataErrorInfo
{
public ValidateModelBase()
{ } #region 属性
/// <summary>
/// 表当验证错误集合
/// </summary>
public Dictionary<string, string> dataErrors = new Dictionary<string, string>(); /// <summary>
/// 是否验证通过
/// </summary>
public bool IsValidated
{
get
{
if (dataErrors != null && dataErrors.Count > 0)
{
return false;
}
return true;
}
}
#endregion public string this[string columnName]
{
get
{
ValidationContext vc = new ValidationContext(this, null, null);
vc.MemberName = columnName;
var res = new List<ValidationResult>();
var result = Validator.TryValidateProperty(this.GetType().GetProperty(columnName).GetValue(this, null), vc, res);
if (res.Count > 0)
{
string errorInfo = string.Join(Environment.NewLine, res.Select(r => r.ErrorMessage).ToArray());
AddDic(dataErrors, columnName, errorInfo);
return errorInfo;
}
RemoveDic(dataErrors, columnName);
return null;
}
} public string Error
{
get
{
return null;
}
} #region 附属方法
/// <summary>
/// 移除字典
/// </summary>
/// <param name="dics"></param>
/// <param name="dicKey"></param>
private void RemoveDic(Dictionary<string, string> dics, string dicKey)
{
dics.Remove(dicKey);
} /// <summary>
/// 添加字典
/// </summary>
/// <param name="dics"></param>
/// <param name="dicKey"></param>
private void AddDic(Dictionary<string, string> dics, string dicKey, string dicValue)
{
if (!dics.ContainsKey(dicKey)) dics.Add(dicKey, dicValue);
}
#endregion
}
3、接着我们创建一个类,并添加需要验证的字段
public class UserModel : ValidateModelBase
{
private string userName;
[Required(ErrorMessage = "用户名不可为空")]
public string UserName
{
get { return userName; }
set { userName = value; DoNotify(); }
} private string userAge;
[Required(ErrorMessage = "年龄不可为空")]
[Range(0, 100, ErrorMessage = "年龄范围为0~100")]
public string UserAge
{
get { return userAge; }
set { userAge = value; DoNotify(); }
} private bool isFormValid; public bool IsFormValid
{
get { return isFormValid; }
set { isFormValid = value; DoNotify(); }
}
}
4、重写一下TextBox的Validation.ErrorTemplate模板
<Style
x:Key="{x:Type TextBoxBase}"
BasedOn="{x:Null}"
TargetType="{x:Type TextBoxBase}">
<Setter Property="BorderThickness" Value="1" />
<Setter Property="Padding" Value="2,1,1,1" />
<Setter Property="AllowDrop" Value="true" />
<Setter Property="FocusVisualStyle" Value="{x:Null}" />
<Setter Property="ScrollViewer.PanningMode" Value="VerticalFirst" />
<Setter Property="Stylus.IsFlicksEnabled" Value="False" />
<Setter Property="SelectionBrush" Value="{DynamicResource Accent}" />
<Setter Property="Validation.ErrorTemplate">
<Setter.Value>
<ControlTemplate>
<StackPanel Orientation="Vertical">
<Border
x:Name="adornerborder"
BorderThickness="1">
<Grid>
<AdornedElementPlaceholder x:Name="adorner" Margin="-1" />
</Grid>
</Border>
<Border
x:Name="errorBorder"
Background="Transparent"
CornerRadius="0"
IsHitTestVisible="False"
Opacity="0">
<TextBlock
VerticalAlignment="Center"
Foreground="Red"
Text="{Binding ElementName=adorner, Path=AdornedElement.(Validation.Errors)[0].ErrorContent}"/>
</Border>
</StackPanel> <ControlTemplate.Triggers>
<DataTrigger Value="True">
<DataTrigger.Binding>
<Binding ElementName="adorner" Path="AdornedElement.Tag" />
</DataTrigger.Binding>
<DataTrigger.EnterActions>
<BeginStoryboard x:Name="fadeInStoryboard1">
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="errorBorder"
Storyboard.TargetProperty="Opacity"
To="1"
Duration="00:00:00.15" />
</Storyboard>
</BeginStoryboard>
</DataTrigger.EnterActions>
<DataTrigger.Setters>
<Setter TargetName="adornerborder" Property="BorderBrush" Value="#FFdc000c" />
</DataTrigger.Setters>
</DataTrigger> <DataTrigger Value="True">
<DataTrigger.Binding>
<Binding ElementName="adorner" Path="AdornedElement.IsKeyboardFocused" />
</DataTrigger.Binding>
<DataTrigger.EnterActions>
<BeginStoryboard x:Name="fadeInStoryboard">
<Storyboard>
<DoubleAnimation
Storyboard.TargetName="errorBorder"
Storyboard.TargetProperty="Opacity"
To="1"
Duration="00:00:00.15" />
</Storyboard>
</BeginStoryboard>
</DataTrigger.EnterActions>
<DataTrigger.Setters>
<Setter TargetName="adornerborder" Property="BorderBrush" Value="#FFdc000c" />
</DataTrigger.Setters>
</DataTrigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
5、接着在主窗口添加两个TextBox,然后绑定上对应的字段,记得要加上这个ValidatesOnDataErrors=True,不然无效
<Grid>
<StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">
<StackPanel Margin="0,10" Orientation="Horizontal">
<Label
Width="80"
Content="用户姓名:" />
<TextBox
Width="150"
Tag="{Binding UserModel.IsFormValid, UpdateSourceTrigger=PropertyChanged}"
Text="{Binding UserModel.UserName, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
</StackPanel>
<StackPanel Margin="0,10" Orientation="Horizontal">
<Label
Width="80"
Content="用户年龄:" />
<TextBox
Width="150"
Tag="{Binding UserModel.IsFormValid, UpdateSourceTrigger=PropertyChanged}"
Text="{Binding UserModel.UserAge, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
</StackPanel> <Button
Margin="0,10,0,0"
Command="{Binding SubmitCommand}"
Content="提交" />
</StackPanel>
</Grid>
6、然后就是ViewModel的代码
public class MainWindowViewModel : NotifyBase
{
private UserModel userModel; public UserModel UserModel
{
get { return userModel; }
set { userModel = value; DoNotify(); }
} public CommandBase SubmitCommand { get; set; } = new CommandBase(); public MainWindowViewModel()
{
UserModel = new UserModel(); SubmitCommand.DoExecute = new Action<object>(DoSumit);
SubmitCommand.DoCanExecute = new Func<object, bool>((o) => { return true; });
} private void DoSumit(object obj)
{
if (UserModel.IsValidated) MessageBox.Show("验证通过!");
else
{
UserModel.IsFormValid = true;
var dataErrors = UserModel.dataErrors;
MessageBox.Show("验证失败");
}
}
}
7、到这里功能的实现就基本完成了,不擅长讲解原理,不太懂得可以研究研究官方文档获取其他大佬的文章,实现效果如下:
WPF开发随笔收录-DataAnnotations实现数据校验(MVVM架构下)的更多相关文章
- WPF开发随笔收录-ScrollViewer滑块太小解决方案
一.前言 在WPF开发过程中,ScrollViewer是一个很常使用到的控件,在自己工作的项目中,收到一个反馈就是当ScrollViewer里面的内容太长时,滚动条的滑块就会变得很小,然后导致点击起来 ...
- WPF开发随笔收录-DrawingVisual绘制高性能曲线图
一.前言 项目中涉及到了心率监测,而且数据量达到了百万级别,通过WPF实现大数据曲线图时,尝试过最基础的Canvas来实现,但是性能堪忧,而且全部画出来也不实际.同时也尝试过找第三方的开源库,但是因为 ...
- WPF开发随笔收录-仿安卓Toast
一.前言 在项目中,经常需要用到消息提醒功能,在以前接触安卓开发那会使用过Toast,于是打算在WPF上也来模仿一个,话不多说,撸起袖子干起来! 二.正文 1.首先新建一个工程,工程的目录如下 2.编 ...
- WPF开发随笔收录-心电图曲线绘制
一.前言 项目中之前涉及到胎儿心率图曲线的绘制,最近项目中还需要添加心电曲线和血样曲线的绘制功能.今天就来分享一下心电曲线的绘制方式: 二.正文 1.胎儿心率曲线的绘制是通过DrawingVisual ...
- WPF开发随笔收录-唯一标识符GUID
一.前言 该系列博客用于记录本人在WPF开发过程中遇到的各种知识点 二.正文 1.在工作的项目中,软件需要用到在线升级功能,由于第一次弄,在下载服务端的文件到本地时,文件的名称我选择直接生成为固定的格 ...
- WPF开发随笔收录-WriteableBitmap绘制高性能曲线图
一.前言 之前分享过一期关于DrawingVisual来绘制高性能曲线的博客,今天再分享一篇通过另一种方式来绘制高性能曲线的方法,也就是通过WriteableBitmap的方式:具体的一些细节这里就不 ...
- WPF开发随笔收录-获取软件当前目录的坑
一.唠唠叨叨 软件开发过程中,经常需要使用到获取exe当前目录这个功能,前同事在实现这个需求时使用的是Directory.GetCurrentDirectory()这个方法,但再最近的测试中,突然发现 ...
- WPF开发随笔收录-报警闪烁效果实现
一.前言 工作中目前经手的项目是医疗相关的监护软件,所以会涉及到一些报警效果的实现,今天在这里就简单分享一下实现方式 二.正文 1.实现的方式比较的简单,就是通过一个Border控件,然后搭配Data ...
- WPF开发随笔收录-带递增递减按钮TextBox
一.前言 今天分享一下如何实现带递增递减按钮的TextBox控件 二.正文 1.之前的博客分享了一篇自定义XamlIcon控件的文章,这次就直接在那个项目的基础上实现今天这个自定义控件 2.首先添加两 ...
随机推荐
- Java学习day19
今天学习了窗口监听.和鼠标监听 通过构建自己的输入框监听方法能够实现简单的加法计算器 明天学习Swing,做一个简单的基于鼠标点击操作的画板
- Java学习day14
可变参数用作方法的形参,方法参数的个数就可变 格式:修饰符 返回值类型 方法名(数据类型...变量名){ } 方法内的形参只能有一个,这里的变量是一个数组 public static <T> ...
- SQLAlchemy加载数据到数据库
SQLAlchemy加载数据到数据库 最近在研究基于知识图谱的问答系统,想要参考网上分享的关于NLPCC 2016 KBQA任务的经验帖,自己实现一个原型.不少博客都有提到,nlpcc-kbqa训练数 ...
- -2.输入加速(cin,cout)
+ ios::sync_with_stdio(false);//加速几百毫秒 cin.tie(0); // 接近scanf cout.tie(0);
- Elemnt ui 组件封装(form)
<template> <el-form class="form" :inline="formConfig.inline" :model=&qu ...
- C++基础-5-运算符重载(加号,左移,递增,赋值,关系,函数调用)
5. 运算符重载 5.1 加号运算符重载 1 #include<iostream> 2 using namespace std; 3 4 // 加号运算符重载 5 6 class Per ...
- 打造一款高逼格的Vim神器
点击上方"开源Linux",选择"设为星标" 回复"学习"获取独家整理的学习资料! 作者:枫上雾棋 链接:https://segmentfa ...
- netty系列之:netty中常用的xml编码解码器
目录 简介 XmlFrameDecoder XmlDecoder 总结 简介 在json之前,xml是最常用的数据传输格式,虽然xml的冗余数据有点多,但是xml的结构简单清晰,至今仍然运用在程序中的 ...
- 用crash tool观察ARM64 Linux地址转换
初学者学习Linux系统地址转换时,如果只是学习理论,又或者研读代码,那可能感觉比较枯燥.此时如果可以利用某些工具实际观察一下地址转换的过程,那可能会给枯燥的内核学习带来些微的乐趣.crash too ...
- 层层剖析一次 HTTP POST 请求事故
vivo 互联网服务器团队- Wei Ling 本文主要讲述的是如何根据公司网络架构和业务特点,锁定正常请求被误判为跨域的原因并解决. 一.问题描述 某一个业务后台在表单提交的时候,报跨域错误,具体如 ...