绑定DataGridComboBoxColumn

Question

我将尝试将T类型的ObservableCollection绑定到DataGridComboBoxColumn的DataGrid中。
DataGrid的定义如下：

<DataGrid AutoGenerateColumns="False" ItemsSource="{Binding Model, IsAsync=True}">

     <DataGrid.Columns>
         <DataGridTextColumn  Header="Column Entry"  IsReadOnly="True" Binding="{Binding ColumnName}"/>
         <DataGridComboBoxColumn Header="Road Type" ItemsSource="{Binding RoadTypes}"/>
    </DataGrid.Columns>

</DataGrid>

这是ViewModel和Model。

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        var viewModel = new ViewModel();
        DataContext = viewModel;
    }
}

public class ViewModel : ViewModelBase
{
    private ObservableCollection<Model> _model;

    public ViewModel()
    {
        var list = new List<Model>();
        var roadTypes = new ObservableCollection<RoadType>
                            {
                                new RoadType
                                    {
                                        Code = 1,
                                        Id = 1,
                                        Name = "Name1"
                                    },
                                new RoadType
                                    {
                                        Code = 1,
                                        Id = 1,
                                        Name = "Name1"
                                    }
                            };

        Model = new ObservableCollection<Model>
                    {
                        new Model
                            {
                                ColumnName = "Col1",
                                RoadTypes = roadTypes
                            },
                        new Model
                            {
                                ColumnName = "Col1",
                                RoadTypes = roadTypes
                            }
                    };
    }

    public ObservableCollection<Model> Model
    {
        get { return _model; }
        set
        {
            _model = value;
            RaisePropertyChanged(() => Model);
        }
    }
}

public class RoadType
{
    public int Id { get; set; }
    public int Code { get; set; }

    public string Name { get; set; }
}

public class Model : ObservableObject
{
    private ObservableCollection<RoadType> _roadTypes;
    public string ColumnName { get; set; }

    public ObservableCollection<RoadType> RoadTypes
    {
        get { return _roadTypes; }
        set
        {
            _roadTypes = value;
            RaisePropertyChanged(() => RoadTypes);
        }
    }
}

DataGrid可以显示文本列，但无法显示ComboBox的值。
问题出在哪里呢？

- Unforgiven

Answer 1

由于RoadTypes不是一个简单的字符串列表，您需要告诉组合框它需要在ComboBox中显示哪个属性。尝试添加

DisplayMemberPath="Name" 

对于你的下拉框声明进行更新:

--

更新:

好的，这是 WPF 数据表格的一个已知“特性”。问题在于 DataGridComboBox 没有 DataGrid 的数据上下文。我将 ComboBox 的绑定修改为如下形式：

<DataGridComboBoxColumn DisplayMemberPath="Name">
     <DataGridComboBoxColumn.ElementStyle>
             <Style>
                <Setter Property="ComboBox.ItemsSource" Value="{Binding Path=RoadTypes}" />
             </Style>
      </DataGridComboBoxColumn.ElementStyle>
      <DataGridComboBoxColumn.EditingElementStyle>
              <Style>
                  <Setter Property="ComboBox.ItemsSource" Value="{Binding Path=RoadTypes}" />
              </Style>
       </DataGridComboBoxColumn.EditingElementStyle>
  </DataGridComboBoxColumn>

我修改了你提供的下载链接中的代码，当我打开下拉框时，组合框项就会显示出来。

请查看以下链接以获得进一步的说明：

http://social.msdn.microsoft.com/Forums/en-US/wpf/thread/b4b13a72-47f9-452f-85c6-6c4b5b606df5/

如何将集合绑定到WPF：DataGridComboBoxColumn

#3.5.40128.1 Excedrin头痛：使用带有WPF DataGrid的组合框

导致我查看所有这些网站的原因是查看输出窗口并注意到错误信息System.Windows.Data Error: 2 : Cannot find governing FrameworkElement or FrameworkContentElement for target element.

- Jason Massey