MAUI中CollectionView项内Picker的SelectedIndexChanged绑定问题

在CollectionView的DataTemplate的Grid中展示购物车项时，Add/Remove按钮已通过Command绑定到CartViewModel，且能传递当前CartViewItem作为CommandParameter。现在需要为定价类型下拉Picker实现类似逻辑，但无法将Picker的SelectedIndexChanged事件路由到ViewModel并获取触发变更的购物车项。

尝试的代码1（事件绑定到页面） #

将SelectedIndexChanged事件绑定到页面方法，但无法传递对应项信息：

<Picker Grid.Row="3" 
        SelectedIndexChanged="Picker_SelectedIndexChanged" 
        ItemsSource="{Binding CostTypeList}"
        SelectedItem="{Binding CostType}"
        />
<Button Text="ADD" 
            Command="{Binding Source={RelativeSource AncestorType={x:Type viewmodel:CartViewModel}},Path=AddCommand}" 
            CommandParameter="{Binding .}" 
            Grid.Row="4" BackgroundColor="Blue"></Button>
<Button Text="REMOVE" 
            Command="{Binding Source={RelativeSource AncestorType={x:Type viewmodel:CartViewModel}},Path=RemoveCommand}" 
            CommandParameter="{Binding .}"  Grid.Row="4" Grid.Column="1" BackgroundColor="DarkRed"></Button>

尝试的代码2（错误的命令绑定方式） #

尝试用类似Button的绑定语法将SelectedIndexChanged绑定到ViewModel方法，触发以下错误：

<Picker Grid.Row="3" 
        SelectedIndexChanged="{Binding Source={RelativeSource AncestorType={x:Type viewmodel:CartViewModel}},Path=Picker_SelectedIndexChanged}"
        ItemsSource="{Binding CostTypeList}"
        SelectedItem="{Binding CostType}"
        />

错误信息 #

• 预构建错误：XFC0000 Cannot resolve type "clr-namespace:SVCA_Android.ViewModels:CartViewItem".
• 构建后错误：Error (active) XFC0009 No property, BindableProperty, or event found for "SelectedIndexChanged", or mismatching type between value and property.

关联的CartViewModel代码 #

public partial class CartViewModel : ObservableObject
{

    [ObservableProperty]
    ObservableCollection<CartViewItem> items;
    [ObservableProperty]
    public string costType;
    [ObservableProperty]
    public List<string> costTypeList;

    public partial class CartViewItem : ObservableObject
    {
        [ObservableProperty]
        public string costType;
        [ObservableProperty]
        public List<string> costTypeList;
    }

    public void Picker_SelectedIndexChanged(object sender, EventArgs e)
    {

    }
    [RelayCommand]
    async Task Add(CartViewItem i)
    {
        System.Diagnostics.Debug.WriteLine(i.ItemName + " " + i.ItemQty);
    }
    [RelayCommand]
    async Task Remove(CartViewItem i)
    {
        System.Diagnostics.Debug.WriteLine(i.ItemName + " " + i.ItemQty);
    }
}

提供两种符合MVVM规范的实现方式：

方式1：利用SelectedItem双向绑定（推荐） #

Picker已绑定SelectedItem="{Binding CostType}"，直接通过CartViewItem的属性变更回调获取当前项信息，无需额外事件处理：

public partial class CartViewItem : ObservableObject
{
    [ObservableProperty]
    public string costType;
    [ObservableProperty]
    public List<string> costTypeList;

    // CostType属性变更时自动触发此方法
    partial void OnCostTypeChanged(string value)
    {
        // 直接处理当前项的逻辑，或通过Messenger等方式通知父ViewModel
        System.Diagnostics.Debug.WriteLine($"购物车项[{this.ItemName}]的定价类型变更为：{value}");
    }
}

这种方式完全遵循MVVM模式，无需依赖额外组件，逻辑最简洁。

方式2：使用EventToCommandBehavior（事件转命令） #

通过CommunityToolkit.Maui的EventToCommandBehavior将SelectedIndexChanged事件转为命令，传递当前项作为参数：

XAML代码修改 #

<Picker Grid.Row="3" 
        ItemsSource="{Binding CostTypeList}"
        SelectedItem="{Binding CostType}">
    <Picker.Behaviors>
        <toolkit:EventToCommandBehavior
            EventName="SelectedIndexChanged"
            Command="{Binding Source={RelativeSource AncestorType={x:Type viewmodel:CartViewModel}}, Path=CostTypeChangedCommand}"
            CommandParameter="{Binding .}" />
    </Picker.Behaviors>
</Picker>

ViewModel添加对应命令 #

[RelayCommand]
async Task CostTypeChanged(CartViewItem item)
{
    if(item != null)
    {
        System.Diagnostics.Debug.WriteLine($"购物车项[{item.ItemName}]的定价类型变更为：{item.CostType}");
    }
}

注意：需先安装CommunityToolkit.Maui NuGet包才能使用EventToCommandBehavior。

错误原因说明 #

直接用{Binding ...}绑定SelectedIndexChanged事件是错误的——该事件并非可绑定属性，无法通过数据绑定语法关联到ViewModel方法。预构建错误则是由于命名空间引用格式错误，正确格式应为clr-namespace:SVCA_Android.ViewModels;assembly=你的程序集名称，或检查CartViewItem的命名空间是否正确声明。

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