c# - 使用 caliburn micro 和 fluent Validation 通过按钮进行验证
问题描述
我想使用 caliburn micro 和 FluentValidation 显示对按钮事件的验证。验证规则当前按预期显示,但在单击按钮之前我无法隐藏它们。Wpf 相当新,所以请放轻松。我试图绑定 ValidatesOnDataErrors 但无法绑定。此外,我试图隐藏显示错误的 ControlTemplate
我的观点
<UserControl.Resources>
<BooleanToVisibilityConverter x:Key="booleanVisibilityConverter"/>
</UserControl.Resources>
<Canvas FocusManager.FocusedElement="{Binding ElementName=box}">
<!-- Sets the focus to start with textbox-->
<Button x:Name="ValidateText" Content="Validate" Canvas.Left="234" Canvas.Top="265" Width="301" Height="29" />
<TextBox Height="23" Canvas.Left="205" TextWrapping="Wrap" Text="{Binding Name, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}"
Canvas.Top="187" Width="330" TabIndex="0" x:Name="box" >
<Validation.ErrorTemplate >
<ControlTemplate >
<StackPanel Orientation="Horizontal" >
<!-- Placeholder for the TextBox itself -->
<AdornedElementPlaceholder x:Name="textBox" />
<TextBlock Margin="10" Text="{Binding [0].ErrorContent}" Foreground="Red" />
</StackPanel>
</ControlTemplate>
</Validation.ErrorTemplate>
</TextBox>
</Canvas>
验证:
public class UserValidator : AbstractValidator<TestViewModel>
{
public UserValidator()
{
RuleFor(x => x.Name)
.NotEmpty()
.WithMessage("No name entered");
}
}
视图模型:
public class TestViewModel : Screen, IDataErrorInfo
{
public bool Hello { get; set; } = false;
private readonly UserValidator _userValidator;
private bool _showHideError = false;
public bool ShowHideError
{
get { return _showHideError; }
set { _showHideError = value;
NotifyOfPropertyChange(() => ShowHideError);
}
}
public TestViewModel()
{
_userValidator = new UserValidator();
}
public string Name { get; set; }
private string _lastName;
public string LastName
{
get { return _lastName; }
set
{
_lastName = value;
NotifyOfPropertyChange(() => LastName);
}
}
public string this[string columnName]
{
get
{
var firstOrDefault = _userValidator.Validate(this).Errors.FirstOrDefault(lol => lol.PropertyName == columnName);
if (firstOrDefault != null)
return _userValidator != null ? firstOrDefault.ErrorMessage : "";
return "";
}
}
public string Error
{
get
{
if (_userValidator != null)
{
FluentValidation.Results.ValidationResult results = _userValidator.Validate(this);
if (results != null && results.Errors.Any())
{
string errors = string.Join(Environment.NewLine, results.Errors.Select(x => x.ErrorMessage).ToArray());
return errors;
}
}
return string.Empty;
}
}
public void ValidateText()
{
//Display Error on View when this is fired
}
}
}
解决方案
弄清楚了!我创建了一个名为 Validation 的标志,并在 HomepageViewModel 加载时将其设置为 false。然后我在以下代码中检查验证是否为真:
public string this[string columnName]
{
get
{
if (!Validation)
{
return null;
}
var firstOrDefault = _userValidator.Validate(this).Errors.FirstOrDefault(lol => lol.PropertyName == columnName);
if (firstOrDefault != null)
return _userValidator != null ? firstOrDefault.ErrorMessage : "";
return "";
}
}
public string Error
{
get
{
if (Validation)
{
if (_userValidator != null)
{
FluentValidation.Results.ValidationResult results = _userValidator.Validate(this);
if (results != null && results.Errors.Any())
{
string errors = string.Join(Environment.NewLine, results.Errors.Select(x => x.ErrorMessage).ToArray());
return errors;
}
}
}
return string.Empty;
}
当调用按钮方法时,我将 flag(validation) 设置为 true,并且 notify 属性更改为更新视图,如下所示:
Validation = true; // turn on validation
NotifyOfPropertyChange(null); //refresh the properties/view
工作示例位于: https ://github.com/zenloki/TestButtonValidation
希望这对将来的人有所帮助
推荐阅读
- c# - 如何将 .NET Core 应用程序的回调传递给 C DLL
- kubernetes - Kubernetes Pod 无法通过 minikube 上的名称访问服务
- c# - 如何使用 PKCE for Spotify 实现授权代码
- python - 如何从原始列表中获取子列表的索引
- javascript - 反应 ag-grid 自动调整列大小和网格宽度
- reactjs - React 测试失败,因为目标容器不是 DOM 元素
- java - MCP - 我如何在主菜单中使用图片作为按钮?
- reactjs - React-toastify 通知不会有条件返回
- sql - 如何使用 Postgres SQL 计算平滑移动平均线
- javascript - 图像总是越来越小