zoukankan      html  css  js  c++  java
  • 2019-11-29-WPF-绑定命令在-MVVM-的-CanExecute-和-Execute-在按钮点击都没触发可能的原因...

    title author date CreateTime categories
    WPF 绑定命令在 MVVM 的 CanExecute 和 Execute 在按钮点击都没触发可能的原因
    lindexi
    2019-11-29 08:48:48 +0800
    2019-05-08 08:58:28 +0800
    WPF

    在 WPF 推荐使用 MVVM 绑定命令,但是绑定命令会存在很多坑,其中一个就是焦点的问题。如果在用户点击按钮的时候出现了焦点修改,那么此时的命令是不会被触发

    在命令绑定按钮点击的时候,会触发按钮拿到键盘焦点,此时其他元素如果之前有拿到焦点,那么会触发元素失去焦点。如果在元素一次 Dispatcher 的过程重新拿到焦点,那么按钮的命令将不会被触发

    说起来复杂,因为在项目的代码是很复杂很难直接看到这个问题,所以我建议创建一个新的 WPF 项目,不要引用任何小伙伴框架,简单定义一些类就可以看到这个坑

    定义一个简单的命令

        public class Command : ICommand
        {
            /// <inheritdoc />
            public bool CanExecute(object parameter)
            {
                return true;
            }
    
            /// <inheritdoc />
            public void Execute(object parameter)
            {
                Debug.WriteLine("林德熙是逗比");
            }
    
            /// <inheritdoc />
            public event EventHandler CanExecuteChanged;
        }

    定义一个简单的 ViewModel 里面只有命令

        public class ViewModel
        {
            public ICommand Command { get; } = new Command();
        }

    在界面绑定 ViewModel 请看代码

            public MainWindow()
            {
                InitializeComponent();
                DataContext = ViewModel;
            }
    
            public ViewModel ViewModel { get; } = new ViewModel();

    如何绑定 ViewModel 请看 win10 uwp DataContext

    在界面放一个文本和一个按钮,文本可以在失去焦点的时候重新拿到焦点

            <StackPanel Margin="10,10,10,10">
                <TextBox LostFocus="TextBox_OnLostFocus"></TextBox>
                <Button Margin="10,10,10,10" Content="确定" Command="{Binding Command}"></Button>
            </StackPanel>

    后台代码的失去焦点需要通过在一次 Dispatcher 里面写,不然将会出现有趣的坑,具体是什么坑,可以下载我的源代码自己修改一下

    请看后台代码

            private void TextBox_OnLostFocus(object sender, RoutedEventArgs e)
            {
                Dispatcher.InvokeAsync(((UIElement) sender).Focus);
            }

    此时运行代码,点击文本,可以看到输出窗口输出 林德熙是逗比 然后点击文本,输入文字,然后点击按钮,可以发现按钮的命令没有触发

    在命令的 CanExecute 打上断点,可以发现连 CanExecute 都没有进入

    如果遇到了在按钮 MVVM 绑定命令,发现命令没有触发,同时 CanExecute 都没有进入,可以猜可能是命令没有初始化、命令没有绑对,还有可能是在过程出现焦点问题

    另外不一定是用户直接调用 Focus 其他的 WPF 控件间接修改

    源代码放在 github

  • 相关阅读:
    阿里云 linux centos7安装tomcat
    定义全局的输入框获取焦点指令vfocus
    vue按enter键刷新页面 使用@submit.native.prevent阻止表单默认提交,添加在form标签上
    vue按键修饰符@keyup.enter.native
    阿里云 linux centos7中安装redis
    CRON表达式
    python定时执行nutch爬取任务
    Spring中设置bean作用域
    Cassandra 安装
    cassandra入门
  • 原文地址:https://www.cnblogs.com/lindexi/p/12085386.html
Copyright © 2011-2022 走看看