C# WPF - DataGridComboBoxColumn ItemsSource

Question

我目前正在努力使用 C# WPF 中的 DataGridComboBoxColumn。

我有类 ToolModel

class ToolModel
{
    public long Id { get; set; }
    public string Number { get; set; }
    public string Name { get; set; }
    public string Coating { get; set; }
    public bool Thread { get; set; }
    public string Kind { get; set; }
    public ToolTypeModel Type { get; set; }
}

和类 ToolTypeModel

public class ToolTypeModel
{
    public long Id { get; set; }
    public string Name { get; set; }
}

数据存储到数据库中并加载到我的 ViewModel 中

class ToolsViewModel
{
    public ObservableCollection<ToolModel> Tools { get; set; }
    public ObservableCollection<ToolTypeModel> ToolTypes { get; set; }

    public ToolsViewModel()
    {
        Tools = new ObservableCollection<ToolModel>(ToolModel.GetTools());
        ToolTypes = new ObservableCollection<ToolTypeModel>(ToolTypeModel.GetToolTypes());
    }
}

我想在 DataGrid 中显示数据并尝试添加 DataGridComboBoxColumn 来为对应的 Tool 选择 ToolType。因此我添加了以下 xaml 定义（这已经是一种解决方法 - 但我能够让它几乎工作的唯一方法）：

 <DataGrid x:Name="ToolsDataGrid" ItemsSource="{Binding Tools}" AutoGenerateColumns="False">
        <DataGrid.Columns>
            <DataGridTextColumn Header="Nummer" Binding="{Binding Number}" />
            <DataGridComboBoxColumn 
                    Header="Typ"
                    SelectedValueBinding="{Binding Type, Mode=TwoWay}" 
                    SelectedValuePath="Id"
                    DisplayMemberPath="Name">

                <DataGridComboBoxColumn.ElementStyle>
                    <Style TargetType="{x:Type ComboBox}">
                        <Setter Property="ItemsSource" Value="{Binding Path=DataContext.ToolTypes, RelativeSource={RelativeSource AncestorType={x:Type Window}}}" />
                    </Style>
                </DataGridComboBoxColumn.ElementStyle>
                <DataGridComboBoxColumn.EditingElementStyle>
                    <Style TargetType="{x:Type ComboBox}">
                        <Setter Property="ItemsSource" Value="{Binding Path=DataContext.ToolTypes, RelativeSource={RelativeSource AncestorType={x:Type Window}}}" />
                    </Style>
                </DataGridComboBoxColumn.EditingElementStyle>
            </DataGridComboBoxColumn>
        </DataGrid.Columns>
    </DataGrid>

它显示了 ToolTypes 的所有元素但不是我的工具引用的所选元素。

任何想法如何将 ToolTypes 查找到 ComboBoxColumn 并将引用的 Type 显示为选定项？

提前致谢。

Answer 1

SelectedValuePath 是将通过SelectedValueBinding 绑定的组合框项的属性的路径。因此，SelectedValueBinding 必须绑定到相同类型的属性。

<DataGridComboBoxColumn 
    Header="Typ"
    SelectedValueBinding="{Binding Type, Mode=TwoWay}" 
    SelectedValuePath="Id"
    DisplayMemberPath="Name">

如果您有 ToolTypeId 属性，您将使用 SelectedValuePath 绑定到该属性：

class ToolModel
{
    public long Id { get; set; }
    public string Number { get; set; }
    public string Name { get; set; }
    public string Coating { get; set; }
    public bool Thread { get; set; }
    public string Kind { get; set; }

    //  Like so
    public long ToolTypeId { get; set; }

    public ToolTypeModel Type { get; set; }
}

在 XAML 中：

<DataGridComboBoxColumn 
    Header="Typ"
    SelectedValueBinding="{Binding ToolTypeId}" 
    SelectedValuePath="Id"
    DisplayMemberPath="Name">

但我认为这不是你想要的。我认为很明显你想在你的Type 属性中获得一个实际的ToolTypeModel 实例。

所以这应该可以工作（我刚刚测试过）。但是，以汽车为例：重写 Equals() 有点粗略，因为它会更改该类的 C# = 和 != 运算符的语义，这可能会咬你一口。

public class ToolTypeModel
{
    public long Id { get; set; }
    public string Name { get; set; }

    public override bool Equals(object obj)
    {
        return (obj is ToolTypeModel)
                    ? (obj as ToolTypeModel).Id == Id
                    : false;
    }

    public override int GetHashCode()
    {
        return Id.GetHashCode();
    }
}

XAML：

<DataGridComboBoxColumn
    Header="Type"
    SelectedItemBinding="{Binding Type}" 
    DisplayMemberPath="Name"
    >

（另外，去掉Mode=TwoWay——这是该属性绑定的默认设置，无论如何你都会得到它）。