基于WPF Caliburn实现ComboBox选择切换DataGrid绑定的方法及示例

嘿，这个需求在Caliburn.Micro里实现起来挺顺畅的，核心就是利用框架的绑定特性，通过ViewModel的属性变化来驱动View的更新。我给你整理了完整的实现步骤和示例代码，照着来就行：

1. 在ViewModel中定义多个不同的业务数据源集合
2. 准备ComboBox的选项列表，用于切换数据源类型
3. 定义一个当前数据源属性，绑定到DataGrid的ItemsSource
4. 监听ComboBox选中项的变化，动态切换当前数据源的值，Caliburn会自动通知View刷新

首先我们需要创建继承自Screen的ViewModel（Screen已经帮我们实现了INotifyPropertyChanged，不用手动写属性变更通知）：

using Caliburn.Micro;
using System.Collections.Generic;

public class MainViewModel : Screen
{
    // 模拟客户数据源
    private readonly List<Customer> _customerList = new()
    {
        new Customer { Id = 1, Name = "张三", Email = "zhangsan@example.com" },
        new Customer { Id = 2, Name = "李四", Email = "lisi@example.com" }
    };

    // 模拟订单数据源
    private readonly List<Order> _orderList = new()
    {
        new Order { OrderId = 1001, ProductName = "笔记本电脑", Price = 5999 },
        new Order { OrderId = 1002, ProductName = "智能手机", Price = 3999 }
    };

    // ComboBox的选项集合（显示文本 + 对应数据源类型）
    private readonly List<DataSourceOption> _dataSourceOptions = new()
    {
        new DataSourceOption { DisplayText = "客户数据", SourceType = DataSourceType.Customers },
        new DataSourceOption { DisplayText = "订单数据", SourceType = DataSourceType.Orders }
    };

    public List<DataSourceOption> DataSourceOptions => _dataSourceOptions;

    // 选中的数据源选项
    private DataSourceOption _selectedDataSource;
    public DataSourceOption SelectedDataSource
    {
        get => _selectedDataSource;
        set
        {
            if (Set(ref _selectedDataSource, value))
            {
                // 选中项变化时切换数据源
                UpdateCurrentDataSource();
            }
        }
    }

    // DataGrid绑定的当前数据源
    private IEnumerable<object> _currentDataSource;
    public IEnumerable<object> CurrentDataSource
    {
        get => _currentDataSource;
        set => Set(ref _currentDataSource, value);
    }

    public MainViewModel()
    {
        // 默认选中第一个数据源
        SelectedDataSource = _dataSourceOptions[0];
    }

    private void UpdateCurrentDataSource()
    {
        switch (SelectedDataSource.SourceType)
        {
            case DataSourceType.Customers:
                CurrentDataSource = _customerList;
                break;
            case DataSourceType.Orders:
                CurrentDataSource = _orderList;
                break;
        }
    }
}

// 数据源类型枚举
public enum DataSourceType
{
    Customers,
    Orders
}

// ComboBox选项模型
public class DataSourceOption
{
    public string DisplayText { get; set; }
    public DataSourceType SourceType { get; set; }
}

// 业务模型类
public class Customer
{
    public int Id { get; set; }
    public string Name { get; set; }
    public string Email { get; set; }
}

public class Order
{
    public int OrderId { get; set; }
    public string ProductName { get; set; }
    public decimal Price { get; set; }
}

接下来是WPF的XAML视图，利用Caliburn的约定绑定和标准WPF绑定即可：

<Window x:Class="YourNamespace.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:cal="http://www.caliburnproject.org"
        Title="切换DataGrid数据源" Height="450" Width="800">
    <Grid Margin="20">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!-- 数据源选择ComboBox -->
        <ComboBox x:Name="DataSourceOptions"
                  DisplayMemberPath="DisplayText"
                  SelectedItem="{Binding SelectedDataSource}"
                  Width="200" Margin="0 0 0 15"/>

        <!-- 数据展示DataGrid -->
        <DataGrid Grid.Row="1"
                  ItemsSource="{Binding CurrentDataSource}"
                  AutoGenerateColumns="True"
                  CanUserAddRows="False"
                  AlternatingRowBackground="#F5F5F5"/>
    </Grid>
</Window>

• 属性变更通知：ViewModel里用Set(ref field, value)方法，Caliburn会自动触发PropertyChanged事件，确保View能感知到属性变化
• ComboBox绑定：DisplayMemberPath指定显示给用户的文本，SelectedItem绑定到ViewModel的选中项属性，用户选择时会自动触发属性setter
• 扩展性：如果后续要加新的数据源，只需要在DataSourceOptions里新增选项，然后在UpdateCurrentDataSource方法里加对应的case即可
• 手动列定义：如果不想用AutoGenerateColumns="True"，可以手动给DataGrid定义列，比如<DataGridTextColumn Header="客户ID" Binding="{Binding Id}"/>

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