.NET Maui SwipeItem 命令绑定到视图模型祖先失败

Question

我有以下 XAML

<CollectionView.ItemTemplate>
    <DataTemplate x:DataType="model:LogEntry">
        <SwipeView>
            <SwipeView.RightItems>
                <SwipeItem Text="Delete"
                           BackgroundColor="Orange"
                           Command="{Binding Source={RelativeSource AncestorType={x:Type viewModel:MainPageViewModel}}, Path=RemoveLogEntryCommand}"
                           CommandParameter="{Binding .}" />
                <SwipeItem Text="Delete" 
                           BackgroundColor="Red"
                           IsDestructive="True" />
            </SwipeView.RightItems>
            <Grid Padding="10">
                <Frame HeightRequest="125"
                           Padding="0"
                           Style="{StaticResource CardView}">
                    <Frame.GestureRecognizers>
                        <TapGestureRecognizer CommandParameter="{Binding .}"
                                              Command="{Binding Source={RelativeSource AncestorType={x:Type viewModel:MainPageViewModel}}, Path=GotoLogEntryDetailsCommand}" />
                    </Frame.GestureRecognizers>
                    <Grid Padding="0"
                              ColumnDefinitions="80,*">

使用社区工具包的以下 ICommand 声明

[RelayCommand]
private async Task GotoLogEntryDetails(LogEntry logEntry)
{
    if (logEntry == null)
        return;

    await _appNavigationService.GoTo($"{nameof(LogEntryDetailsPage)}", true,
        new Dictionary<string, object>
        {
            { "LogEntry", logEntry }
        });


}

[RelayCommand]
private async Task RemoveLogEntry(LogEntry logEntry)
{

}

如果我在 RemoveLogEntry 中放置一个断点，然后单击我的删除按钮，则永远不会到达断点。如果我将 RemoveLogEntry 放在点击手势上并点击我的项目，然后到达断点，所以我知道代码生成器已经创建了一个有效的 ICommand。

Intellisense 告诉我CommandParameter . 上的参数实际上是一个 LogEntry，因此我需要声明 viewModel 类型。

SwipeItem 的祖先绑定路径有什么问题？

Answer 1

更新

这个答案的第一部分（“Views vs Viewmodels”）可能是错误的。我在好几个地方都看到过这种“viewmodel reference”语法。还没有花时间测试它是如何/何时工作的。

---

视图与视图模型

UI 元素（视图）和视图模型处于不同的层次结构中。视图模型永远不是视图的祖先。所以你找不到这样的祖先。

相反，找到作为祖先的 VIEW。该视图的BindingContext 将是相应的视图模型。

改变：

<SwipeItem ... Command="{Binding Source={RelativeSource AncestorType={x:Type viewModel:MainPageViewModel}}, Path=RemoveLogEntryCommand}"

到：

<SwipeItem ... Command="{Binding Source={RelativeSource AncestorType={x:Type MainPageView}}, Path=BindingContext.RemoveLogEntryCommand}"

---

替代语法

但是，我从不使用该语法。我发现为我要引用的元素提供 x:Name 更容易。然后可以使用一个简单的x:Reference来源：

<ContentPage
  ...
  x:Name="thisPage">
    ...
    <SwipeItem ... Command={Binding BindingContext.RemoveLogEntryCommand, Source={x:Reference thisPage}"