如何使用 MVVM 将数据绑定到 DataGrid 中的 DataGridComboBoxColumn

Question

这让我发疯。我有一个 DataGrid，其中有一个 DataGridComboBoxColumn，我希望用户能够使用它进行选择。这是我的网格的基本轮廓。

<DataGrid ItemsSource="{Binding GoalList}" DockPanel.Dock="Bottom" AutoGenerateColumns="False">
<DataGrid.Columns>
<DataGridComboBoxColumn ItemsSource="{Binding LifeAreaList}" Header="Life Area"/>
<DataGrid.Columns>
</DataGrid>

DataGrid 绑定到 Goal 类型的对象集合。每个目标都有一个 LifeArea 类型的属性。每个 LifeArea 都有 LifeAreaId 和 Name 属性。

数据上下文包含可观察的目标集合：GoalList 和生活区域列表：LifeAreaList。我希望用户能够为目标选择不同的生活领域。另外，生活区域的名称也需要是显示的值。

编辑

---

解决方案是 DataGridComboBoxColumn 的 ItemsSource 必须设置为静态资源。另一种选择是通过代码设置 ItemsSource。

最后我有：

<DataGridComboBoxColumn x:Name="_lifeAreaComboBoxColumn" SelectedItemBinding="{Binding LifeArea}" DisplayMemberPath="Name" Header="Life Area">

在后面的代码中，我设置了 ItemsSource：

_lifeAreaComboBoxColumn.ItemsSource = LifeAreaDAL.GetLifeAreas();

当我有机会时，我会将其转换为 StaticResource。

Answer 1

你需要做这样的事情（不要射击信使）：

<DataGridComboBoxColumn Header="Life Area" SelectedItemBinding="{Binding SelectedLifeArea}">
    <DataGridComboBoxColumn.ElementStyle>
        <Style TargetType="ComboBox">
            <Setter Property="ItemsSource" Value="{Binding LifeAreaList}"/>
            <Setter Property="IsReadOnly" Value="True"/>
        </Style>
    </DataGridComboBoxColumn.ElementStyle>
    <DataGridComboBoxColumn.EditingElementStyle>
        <Style TargetType="ComboBox">
            <Setter Property="ItemsSource" Value="{Binding LifeAreaList}"/>
        </Style>
    </DataGridComboBoxColumn.EditingElementStyle>
</DataGridComboBoxColumn>

Answer 2

除了绑定您的 SelectedItem 之外，我猜测您的 SelectedLifeArea 属性不是直接从 LifeAreaList 获取的，因此在比较两个值时，即使名称和 id 匹配，它们也会返回 false。您可能需要覆盖 LifeArea 对象的 .Equals 函数，以便在两个对象的 Id 匹配时返回 true

public override bool Equals(object obj)
{
    if (obj is LifeArea)
    {
        return this.Id == (obj as LifeArea).Id;
    }
    return false;
}

Answer 3

Up 还可以使用 DataGridTemplateColumn，只需在其中放置一个 ComboBox，然后将适当的事件连接到它即可。

<DataGridTemplateColumn Header="Alpha">
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate DataType="models:MyModelDescription">
            <ComboBox ItemsSource="{Binding AlphaLevels, Mode=OneWay}" SelectedItem="{Binding Alpha, NotifyOnTargetUpdated=True, UpdateSourceTrigger=PropertyChanged}"></ComboBox>
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>