Flyout/MenuFlyout内Command Binding绑定失效问题求助

这问题我做WPF/UWP项目时也踩过坑！核心原因很简单——你ContextFlyout里的MenuFlyoutItem，它的DataContext不是页面的ViewModel，而是当前ListViewItem绑定的DisplayImages集合里的单个数据项。而SaveImageCommand是定义在父级ViewModel里的，所以绑定自然找不到目标；至于绑错路径也没报错，是因为默认情况下框架不会把这类绑定失败的信息主动抛出，你得开启调试追踪才能看到。

两种可行的解决方案 #

方法1：用RelativeSource向上查找ListView的DataContext #

修改MenuFlyoutItem的Command绑定，通过RelativeSource找到父级ListView，再访问它的DataContext里的命令：

<MenuFlyoutItem Text="Save Image" Icon="Save" 
    Command="{Binding Path=DataContext.SaveImageCommand, 
                      RelativeSource={RelativeSource AncestorType={x:Type ListView}}}" />

方法2：用ElementName绑定 #

先给ListView设置一个命名：

<ListView x:Name="ImagesListView" SelectionMode="Single" ItemsSource="{Binding Path=DisplayImages}" >

再修改MenuFlyoutItem的绑定：

<MenuFlyoutItem Text="Save Image" Icon="Save" 
    Command="{Binding Path=DataContext.SaveImageCommand, ElementName=ImagesListView}" />

额外提示 #

如何查看绑定错误 #

如果你想确认绑定是否真的失败，可以在Visual Studio打开「输出」窗口，选择「调试」输出类型，运行程序后右键点击ListViewItem，就能看到绑定失败的详细日志了。

扩展：给命令传递当前图片项 #

如果需要把当前右键的图片对象作为参数传给保存命令，可以加上CommandParameter="{Binding}"：

<MenuFlyoutItem Text="Save Image" Icon="Save" 
    Command="{Binding Path=DataContext.SaveImageCommand, ElementName=ImagesListView}"
    CommandParameter="{Binding}" />

然后更新你的CommandHandler和执行方法：

// 修改CommandHandler支持带参数的Action
public class CommandHandler : ICommand
{
    private Action<object> _action;
    private bool _canExecute;

    public CommandHandler(Action<object> action, bool canExecute)
    {
        _action = action;
        _canExecute = canExecute;
    }

    public bool CanExecute(object parameter)
    {
        return _canExecute;
    }

    public event EventHandler CanExecuteChanged;

    public void Execute(object parameter)
    {
        _action(parameter);
    }
}

// 初始化命令和执行方法
public ICommand SaveImageCommand { get; set; }
SaveImageCommand = new CommandHandler(SaveImageExecuted, true);

private async void SaveImageExecuted(object parameter)
{
    var selectedImage = parameter as YourImageType; // 替换成你的图片实体类型
    if (selectedImage != null)
    {
        // 执行保存逻辑
    }
}

内容的提问来源于stack exchange，提问作者DotNetRussell