如何将 GridColumn 绑定到 ObservableCollection 的索引值？

Question

我有一个 DevExpress GridControl，它使用 Student 类型的 ObservableCollection 作为其 ItemsSource。

我的 GridControl 有四列

Name
ID
Favorite Subject
GPA

姓名、最喜欢的科目和 GPA 是学生的属性，因此它们具有准确的约束力。

问题是，我不想拥有学生 ID 的属性。我想将 ID 设置为 1 + 托管 GridControl 的学生 ObservableCollection 中学生实例的索引。

所以如果我有三个学生，ID 列将显示为

1
2
3

我怀疑我的视图模型中需要一个 Ints 类型的 ObservableCollection，但我无法为 ID 列使用不同的 ItemsSource。我只能引用 GridControl 的 Parent ItemsSource。由于 ItemsSource 是 Student 类型的 ObservableCollection 并且 ID 不是 Student 的属性，因此我似乎无法将该列设置为适当的值（如上所述）。

<dxg:GridControl Style="{StaticResource StudentsGridControl}"
                                 ItemsSource="{Binding StudentsCollection}" SelectedItem="{Binding SelectedStudent}">
                    <dxg:GridControl.Columns>
                        <dxg:GridColumn Width="200" HorizontalHeaderContentAlignment="Center" Binding="{Binding Name, UpdateSourceTrigger=PropertyChanged}">
                            <dxg:GridColumn.HeaderTemplate>
                                <DataTemplate>
                                    <TextBlock Text="Student Name" Style="{StaticResource BaseColumnHeaderStyle}"/>
                                </DataTemplate>
                            </dxg:GridColumn.HeaderTemplate>
                            <dxg:GridColumn.HeaderStyle>
                                <Style TargetType="Control">
                                    <Setter Property="Background" Value="#22322"/>
                                </Style>
                            </dxg:GridColumn.HeaderStyle>
                        </dxg:GridColumn>
                        <dxg:GridColumn Width="50" HorizontalHeaderContentAlignment="Center" 
Binding= // This is the ID Column     
                       <dxg:GridColumn.HeaderTemplate>
                                <DataTemplate>
                                    <TextBlock Text="ID" Style="{StaticResource BaseColumnHeaderStyle}"/>
                                </DataTemplate>
                            </dxg:GridColumn.HeaderTemplate>
                            <dxg:GridColumn.HeaderStyle>
                                <Style TargetType="Control">
                                    <Setter Property="Background" Value="#123453"/>
                                </Style>
                            </dxg:GridColumn.HeaderStyle>
                        </dxg:GridColumn>
                        <dxg:GridColumn Width="230" HorizontalHeaderContentAlignment="Center" Binding="{Binding FavoriteSubject, UpdateSourceTrigger=PropertyChanged}">
                            <dxg:GridColumn.HeaderTemplate>
                                <DataTemplate>
                                    <TextBlock Text="Favorite Subject" Style="{StaticResource BaseColumnHeaderStyle}"/>
                                </DataTemplate>
                            </dxg:GridColumn.HeaderTemplate>
                            <dxg:GridColumn.HeaderStyle>
                                <Style TargetType="Control">
                                    <Setter Property="Background" Value="#52648F"/>
                                </Style>
                            </dxg:GridColumn.HeaderStyle>
                        </dxg:GridColumn>
                        <dxg:GridColumn Width="50" HorizontalHeaderContentAlignment="Center" Binding="{Binding GPA, UpdateSourceTrigger=PropertyChanged}">
                            <dxg:GridColumn.HeaderTemplate>
                                <DataTemplate>
                                    <TextBlock Text="GPA"Style="{StaticResource BaseColumnHeaderStyle}"/>
                                </DataTemplate>
                            </dxg:GridColumn.HeaderTemplate>
                            <dxg:GridColumn.HeaderStyle>
                                <Style TargetType="Control">
                                    <Setter Property="Background" Value="#52658F"/>
                                </Style>
                            </dxg:GridColumn.HeaderStyle>
                        </dxg:GridColumn>
                    </dxg:GridControl.Columns>
                    <dxg:GridControl.View>
                        <dxg:TableView Style="{StaticResource StudensTable}"/>
                    </dxg:GridControl.View>
                   </dxg:GridControl>

Answer 1

只需为您的 Student 类创建一个 StudentViewModel，不要忘记将您的 StudentsCollection 更改为 ObservableCollection<StudentViewModel>。 ViewModel 用于避免将模型直接绑定到视图，它还允许您在不影响模型的情况下声明其他属性，如本例中的 ID。

让我们假设这是您的学生课程：

public class Student
{
    public string Name { get; set; }
    public string FavoriteSubject { get; set; }
    public string GPA { get; set; }
}

您的 StudentViewModel 可能是这样的：

public class StudentViewModel
{
    private Student _student;

    public StudentViewModel(Student student, int id)
    {
        _student = student;
        ID = id;
    }

    public int ID { get; set; }

    public string Name
    {
        get { return _student.Name; }
        set { _student.Name = value; }
    }

    public string FavoriteSubject
    {
        get { return _student.FavoriteSubject; }
        set { _student.FavoriteSubject = value; }
    }

    public string GPA
    {
        get { return _student.GPA; }
        set { _student.GPA = value; }
    }
}

Answer 2

作为解决方案之一，您可以使用MultiBinding 并在MultiValueConverter 中查找索引或您想要的任何内容：

public class MValConv : IMultiValueConverter
    {
        public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
        {
            try
            {
                if(values[0] == DependencyProperty.UnsetValue || values[1] == DependencyProperty.UnsetValue)
                return -1;
                if (values.Length == 2 && values[0] is ObservableCollection<Student> ocol && values[1] is Student st)
                {
                    return (ocol.IndexOf(st) + 1).ToString();
                }
            }
            catch (Exception)
            {
            }            
            return Binding.DoNothing;
        }

        public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException("one way only");
        }
    }

<Window.Resources>
    <local:MValConv x:Key="MValCnv"/>
</Window.Resources>

<dxg:GridColumn.Binding>
    <MultiBinding Converter="{StaticResource MValCnv}">
        <Binding Path="DataContext.StudentsCollection" RelativeSource="{RelativeSource AncestorType=dxg:GridControl}"/>
        <Binding/>
    </MultiBinding>
</dxg:GridColumn.Binding>  

嗯，如果是 DevExpress 的错误，那么你可以尝试使用常规绑定 + ValueConverter 与集合的依赖属性。