WPF MVVM中如何绑定ListView内每行ComboBox的选中值到ViewModel

核心问题在于你当前的Order类只是单纯的字符串集合，没有存储每行ComboBox选中ID的字段。要实现MVVM模式下的绑定，需要重构数据模型和ViewModel，让选中值直接同步到ViewModel中，无需从视图层获取控件数据。

1. 创建数据模型类 #

定义一个包含订单文本和选中ID属性的模型类，继承ObservableObject（利用CommunityToolkit.Mvvm的属性变更通知功能）：

public class OrderItem : ObservableObject
{
    private string _orderText;
    private string _selectedId;

    public string OrderText
    {
        get => _orderText;
        set => SetProperty(ref _orderText, value);
    }

    public string SelectedId
    {
        get => _selectedId;
        set => SetProperty(ref _selectedId, value);
    }
}

2. 更新ViewModel #

在MainWindowViewModel中维护订单项集合和ID集合，初始化数据：

public partial class MainWindowViewModel : ObservableObject
{
    [ObservableProperty]
    private ObservableCollection<OrderItem> _orderItems = new();

    [ObservableProperty]
    private ObservableCollection<string> _ids = new();

    public MainWindowViewModel()
    {
        // 初始化订单数据
        OrderItems.Add(new OrderItem { OrderText = "1st" });
        OrderItems.Add(new OrderItem { OrderText = "2nd" });
        OrderItems.Add(new OrderItem { OrderText = "3rd" });
        for (int i = 4; i < 100; i++)
        {
            OrderItems.Add(new OrderItem { OrderText = $"{i}th" });
        }

        // 初始化ID数据
        Ids.Add("abc12345");
        Ids.Add("dce12345");
        // 添加更多ID...
    }
}

3. 配置视图绑定 #

首先在MainWindow构造函数中设置DataContext：

public MainWindow()
{
    InitializeComponent();
    DataContext = new MainWindowViewModel();
}

然后修改XAML，将ListView绑定到ViewModel的OrderItems，ComboBox的SelectedItem绑定到OrderItem的SelectedId，ItemsSource通过相对路径绑定到ViewModel的Ids：

<DockPanel Grid.Row="2" Grid.Column="0" Height="Auto" Background="LightBlue">
    <ListView ItemsSource="{Binding OrderItems}">
        <ListView.View>
            <GridView>
                <!-- 订单列直接绑定OrderText -->
                <GridViewColumn Header="Order" DisplayMemberBinding="{Binding OrderText}"/>
                <GridViewColumn Header="ID">
                    <GridViewColumn.CellTemplate>
                        <DataTemplate>
                            <ComboBox
                                Width="200"
                                <!-- 绑定ViewModel中的Ids集合 -->
                                ItemsSource="{Binding DataContext.Ids, RelativeSource={RelativeSource AncestorType=ListView}}"
                                <!-- 双向绑定选中的ID到模型的SelectedId -->
                                SelectedItem="{Binding SelectedId, Mode=TwoWay}"/>
                        </DataTemplate>
                    </GridViewColumn.CellTemplate>
                </GridViewColumn>
            </GridView>
        </ListView.View>
    </ListView>
</DockPanel>

4. 获取选中值 #

现在你可以直接在ViewModel中访问OrderItems集合，每个OrderItem的SelectedId就是对应行ComboBox的选中值，比如：

// 获取所有已选中的ID
var selectedIds = OrderItems.Where(item => !string.IsNullOrEmpty(item.SelectedId))
                           .Select(item => item.SelectedId)
                           .ToList();

这种方式完全遵循MVVM模式，视图逻辑和业务逻辑分离，不需要从MainWindow中操作控件或用LINQ查询控件数据。

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