RelativeSource в элементе управления MAUI не привязан

Question

Я просматриваю простой пример, описанный в видео:

https://youtu.be/5Qga2pniN78?t=961

На 16-й минуте (временная метка в ссылке выше) он выполняет команду Удалить для SwipeItem.

В моем локальном проекте до сих пор все работало, но команда удаления никогда не срабатывала. Я проверил генераторы исходников, DeleteCommand существует.

Мой XAML:

      <?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="MauiApp1.MainPage"
             xmlns:viewmodel="clr-namespace:MauiApp1.ViewModel"
             x:DataType="viewmodel:MainViewModel">

    <Grid RowDefinitions="100, Auto, *"
          ColumnDefinitions=".75*, .25*"
          Padding="10"
          RowSpacing="10"
          ColumnSpacing="10">

        <Image Grid.ColumnSpan="2" Source="tom.jpg"
               BackgroundColor="Transparent"></Image>

        <Entry Placeholder="Enter task" Grid.Row="1" Text="{Binding Text}"></Entry>

        <Button Text="Add" Grid.Row="1" Grid.Column="1" Command="{Binding AddCommand}"></Button>

        <CollectionView Grid.Row="2" Grid.ColumnSpan="2" ItemsSource="{Binding Items}">
            <CollectionView.ItemTemplate>
                <DataTemplate x:DataType="{x:Type x:String}">
                    <SwipeView>
                        <SwipeView.RightItems>
                            <SwipeItem Text="Delete" BackgroundColor="Red"
                                Command="{Binding Source={RelativeSource AncestorType={x:Type viewmodel:MainViewModel}}, Path=DeleteCommand}"
                                CommandParameter="{Binding .}">
                            </SwipeItem>
                        </SwipeView.RightItems>
                        <Grid Padding="0,5">
                            <Frame>
                                <Label Text="{Binding .}" FontSize="24"></Label>
                            </Frame>
                        </Grid>
                    </SwipeView>
                </DataTemplate>
            </CollectionView.ItemTemplate>
        </CollectionView>
    </Grid>
</ContentPage>

Просмотр модели:

      using System.Collections.ObjectModel;
using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;

namespace MauiApp1.ViewModel
{
    public partial class MainViewModel : ObservableObject
    {
        public MainViewModel()
        {
            Items = new();
            Items.Add("test");
        }

        [ObservableProperty]
        private ObservableCollection<string> items;

        [ObservableProperty]
        private string text;

        [RelayCommand]
        private void Add()
        {
            if (string.IsNullOrWhiteSpace(text))
            {
                return;
            }

            Items.Add(Text);

            Text = string.Empty;
        }

        [RelayCommand]
        private void Delete(string s)
        {
            if (Items.Contains(s))
            {
                Items.Remove(s);
            }
        }
    }
}

Почему DeleteCommand не срабатывает?

Answer 1

попробуй это

      Command="{Binding BindingContext.DeleteCommand,
      Source={x:Reference myPage}}"

гдеmyPageэто название вашей страницы

      <ContentPage x:Name="myPage" ...
            

Answer 2

Решено,

я забыл добавить<SwipeItems>элемент после<SwipeView.RightItems>.

Answer 3

AncestorType={x:Type viewmodel:MainViewModel}

Ваша модель представления не является частью визуального дерева, поэтому вы все равно не можете привязать ее к относительному источнику.

Вы можете использовать свой контекст привязки CollectionView, а затем конкретное свойство, которое вам нужно:

      Command="{Binding BindingContext.DeleteCommand, Source={RelativeSource AncestorType={x:Type CollectionView}}}