如何将ItemsControl中的控件绑定至另一ObservableCollection的值

我明白你的需求啦——你有一个绑定了ObservableCollection<Student>的ItemsControl，每个项里的Label现在显示数字，但你想让它们对应另一个课程名称集合里的内容对吧？这里有几个实用的方案，你可以根据自己的情况选：

方案1：扩展Student类（最直观的方式） #

如果允许修改Student类的话，直接给它加一个CourseName属性是最简单的做法。填充Student对象时，同时从课程集合里取对应名称赋值，之后直接绑定这个属性就行。

首先更新Student类：

public class Student
{
    // 你原有的Student属性
    public int Id { get; set; }
    // 新增课程名称属性
    public string CourseName { get; set; }
}

填充集合时同步赋值课程名：

// 假设你的课程集合是ObservableCollection<string> CourseNames;
for (int i = 0; i < CourseNames.Count; i++)
{
    YourStudentCollection.Add(new Student
    {
        Id = i + 1,
        CourseName = CourseNames[i]
    });
}

最后在XAML的ItemTemplate里绑定：

<ItemsControl.ItemTemplate>
    <DataTemplate>
        <StackPanel Orientation="Horizontal">
            <Grid>
                <!-- 你的Grid原有内容 -->
            </Grid>
            <Label Content="{Binding CourseName}" />
        </StackPanel>
    </DataTemplate>
</ItemsControl.ItemTemplate>

这个方案逻辑清晰，绑定简单，几乎不会出问题。

方案2：通过索引绑定课程集合（不修改Student类） #

如果不想改动Student类，那可以利用ItemsControl的索引特性，直接绑定课程集合的对应项。

首先确保课程集合是ViewModel里的公共可访问属性，然后在Label的绑定里这么写：

<ItemsControl x:Name="StudentItemsControl" ItemsSource="{Binding YourStudentCollection}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <Grid>
                    <!-- 你的Grid原有内容 -->
                </Grid>
                <Label Content="{Binding DataContext.CourseNames[ {Binding Path=Items.IndexOf(.), RelativeSource={RelativeSource AncestorType=ItemsControl}} ], 
                                        RelativeSource={RelativeSource AncestorType=ItemsControl}}" />
            </StackPanel>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

思路是：先找到父级ItemsControl，获取当前Item在集合里的索引，再用这个索引去课程集合里取对应值。要注意的是，必须保证Student集合和课程集合的数量完全同步，不然会出现索引越界或者显示错误的情况。

方案3：使用IValueConverter（更灵活的方式） #

如果需要处理索引越界、默认值这类额外逻辑，可以写一个转换器来实现。

先创建转换器类：

public class IndexToCourseConverter : IValueConverter
{
    public ObservableCollection<string> CourseNames { get; set; }

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is Student student && CourseNames != null)
        {
            var index = ((ItemsControl)parameter).Items.IndexOf(student);
            if (index >= 0 && index < CourseNames.Count)
            {
                return CourseNames[index];
            }
        }
        return "N/A"; // 索引越界时显示默认值
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

然后在XAML里声明并使用转换器：

<Window.Resources>
    <local:IndexToCourseConverter x:Key="IndexToCourseConverter" CourseNames="{Binding CourseNames}" />
</Window.Resources>

<ItemsControl x:Name="StudentItemsControl" ItemsSource="{Binding YourStudentCollection}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <StackPanel Orientation="Horizontal">
                <Grid>
                    <!-- 你的Grid原有内容 -->
                </Grid>
                <Label Content="{Binding ., Converter={StaticResource IndexToCourseConverter}, ConverterParameter={x:Reference StudentItemsControl}}" />
            </StackPanel>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

这个方案能帮你处理一些边界情况，适合逻辑稍复杂的场景。

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