C# WPF如何将多个数据库表绑定至单个ListBox？

嗨，我来帮你搞定把三个数据表绑定到同一个ListBox的问题！目前你已经能成功显示Boozes的数据，接下来我们可以通过两种实用方式实现多数据源的合并展示：

方法1：在ViewModel中创建合并后的集合（推荐MVVM模式） #

这种方式更贴合MVVM的设计思路，把数据合并逻辑放在ViewModel层，让XAML保持简洁清晰。

1. 先确保你的Boozes、Juices、Snacks对应的实体类拥有共同的核心属性（比如你模板里用到的Name和UnitPrice），最好定义一个公共接口来规范这些属性：

public interface IMenuItem
{
    string Name { get; set; }
    decimal UnitPrice { get; set; }
}

// 让三个实体类分别实现这个接口
public class Booze : IMenuItem { /* 你的现有属性实现 */ }
public class Juice : IMenuItem { /* 你的现有属性实现 */ }
public class Snack : IMenuItem { /* 你的现有属性实现 */ }

2. 在ViewModel里创建一个合并后的可观察集合，把三个数据源的内容整合进去：

private ObservableCollection<IMenuItem> _combinedMenuItems;
public ObservableCollection<IMenuItem> CombinedMenuItems
{
    get
    {
        if (_combinedMenuItems == null)
        {
            _combinedMenuItems = new ObservableCollection<IMenuItem>();
            // 依次添加三个表的数据
            foreach (var item in Boozes) _combinedMenuItems.Add(item);
            foreach (var item in Juices) _combinedMenuItems.Add(item);
            foreach (var item in Snacks) _combinedMenuItems.Add(item);
        }
        return _combinedMenuItems;
    }
}

如果你的数据源会动态更新（比如新增/删除数据），记得给Boozes、Juices、Snacks订阅CollectionChanged事件，同步更新CombinedMenuItems。

3. 修改XAML里的ListBox绑定，把ItemsSource指向合并后的集合：

<ListBox Name="BoozeList" ItemsSource="{Binding CombinedMenuItems}" 
         Margin="10,124,0,10" HorizontalAlignment="Left" 
         ScrollViewer.VerticalScrollBarVisibility="Visible" Width="233" 
         Background="#FF79DCFA" BorderBrush="#FF0040FF">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel>
                <TextBlock Text="{Binding Path=Name}" />
                <TextBlock Text="{Binding Path=UnitPrice}" />
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
    <ListBox.Resources>
        <Style TargetType="Border">
            <Setter Property="CornerRadius" Value="15"/>
        </Style>
    </ListBox.Resources>
</ListBox>

方法2：在XAML中用CompositeCollection直接合并数据源 #

如果不想改动ViewModel代码，可以直接在XAML里通过CompositeCollection把三个集合合并，前提是你的ViewModel已经暴露了Boozes、Juices、Snacks这三个属性：

<ListBox Name="BoozeList" 
         Margin="10,124,0,10" HorizontalAlignment="Left" 
         ScrollViewer.VerticalScrollBarVisibility="Visible" Width="233" 
         Background="#FF79DCFA" BorderBrush="#FF0040FF">
    <ListBox.ItemsSource>
        <CompositeCollection>
            <CollectionContainer Collection="{Binding Boozes}" />
            <CollectionContainer Collection="{Binding Juices}" />
            <CollectionContainer Collection="{Binding Snacks}" />
        </CompositeCollection>
    </ListBox.ItemsSource>
    <ListBox.ItemTemplate>
        <DataTemplate>
            <StackPanel>
                <TextBlock Text="{Binding Path=Name}" />
                <TextBlock Text="{Binding Path=UnitPrice}" />
            </StackPanel>
        </DataTemplate>
    </ListBox.ItemTemplate>
    <ListBox.Resources>
        <Style TargetType="Border">
            <Setter Property="CornerRadius" Value="15"/>
        </Style>
    </ListBox.Resources>
</ListBox>

要是三个实体的属性结构不完全一致（比如有的有额外字段），你可以搭配DataTemplateSelector来为不同类型的实体显示对应的模板。

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