WPF 验证表单方法3(弹窗)

本文讲述,当弹窗样式固定,表单与提交按钮不在同一个文件下时,如何控制提交按钮是否可用
比如自定义内容的弹窗就是这种情况
此时,我们希望无论自定义内容是什么,它都可以控制弹窗Window的提交按钮

效果如图

这里的内容和弹窗是分隔开的

该文章基于WPF 验证表单方法1,在前文中讲述的内容不再赘述

首先,在自定义内容UserControl中设置一个控制提交按钮的属性
这里选择在ViewModel中添加IsSubmitButtonEnable属性

private bool isSubmitButtonEnable;

public bool IsSubmitButtonEnable
{
    get { return isSubmitButtonEnable; }
    set
    {
        if (isSubmitButtonEnable != value)
        {
            isSubmitButtonEnable = value;
            NotifyPropertyChanged(nameof(IsSubmitButtonEnable));
        }
    }
}

然后在弹窗生成的时候,检测这个属性,如果存在,则绑定提交按的IsEnabledProperty

Type t = control.DataContext.GetType();//获得该类的Type
var property = t.GetProperties().Where(x => x.Name == nameof(ViewModelWithValidation.IsSubmitButtonEnable)).FirstOrDefault();
if (property != null)
{
    btnOK.DataContext = control.DataContext;
    btnOK.SetBinding(Button.IsEnabledProperty, new Binding(nameof(ViewModelWithValidation.IsSubmitButtonEnable))
    {
        Mode = BindingMode.OneWay,
        UpdateSourceTrigger = UpdateSourceTrigger.PropertyChanged
    });
}

最后在自定义内容中通过检测输入框,更新这个属性即可

private void TextBox_TextChanged(object sender, TextChangedEventArgs e)
{
    vm.ValidationInputs(new List<DependencyObject>()
    {
        nameTextBox,
        ageTextBox,
        remarkTextBox
    });
}

这里没有贴出所有的代码,如果有不明白的地方,可以先看WPF 验证表单方法1,也可以直接看示例代码

示例代码

ValidationForm3

posted @ 2020-10-09 20:54  Lulus  阅读(571)  评论(0编辑  收藏  举报