在WPF DataGrid中绑定ComboBoxColumn的ItemsSource

时间:2011-03-23 17:28:45

标签: .net wpf binding wpfdatagrid datagridcomboboxcolumn

我有两个简单的Model类和一个ViewModel ...

public class GridItem
{
    public string Name { get; set; }
    public int CompanyID { get; set; }
}

public class CompanyItem
{
    public int ID { get; set; }
    public string Name { get; set; }
}

public class ViewModel
{
    public ViewModel()
    {
        GridItems = new ObservableCollection<GridItem>() {
            new GridItem() { Name = "Jim", CompanyID = 1 } };

        CompanyItems = new ObservableCollection<CompanyItem>() {
            new CompanyItem() { ID = 1, Name = "Company 1" },
            new CompanyItem() { ID = 2, Name = "Company 2" } };
    }

    public ObservableCollection<GridItem> GridItems { get; set; }
    public ObservableCollection<CompanyItem> CompanyItems { get; set; }
}

......还有一个简单的窗口:

<Window x:Class="DataGridComboBoxColumnApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <DataGrid AutoGenerateColumns="False" ItemsSource="{Binding GridItems}" >
            <DataGrid.Columns>
                <DataGridTextColumn Binding="{Binding Name}" />
                <DataGridComboBoxColumn ItemsSource="{Binding CompanyItems}"
                                    DisplayMemberPath="Name"
                                    SelectedValuePath="ID"
                                    SelectedValueBinding="{Binding CompanyID}" />
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</Window>

ViewModel在App.xaml.cs中设置为MainWindow的DataContext

public partial class App : Application
{
    protected override void OnStartup(StartupEventArgs e)
    {
        base.OnStartup(e);

        MainWindow window = new MainWindow();
        ViewModel viewModel = new ViewModel();

        window.DataContext = viewModel;
        window.Show();
    }
}

如您所见,我将DataGrid的ItemsSource设置为ViewModel的GridItems集合。这部分工作,显示名为“Jim”的单个网格线。

我还想将每一行中的ComboBox的ItemsSource设置为ViewModel的CompanyItems集合。此部分不起作用:ComboBox保持为空,在调试器输出窗口中,我看到一条错误消息:

  

System.Windows.Data错误:2:不能   找到管理FrameworkElement或   Target的FrameworkContentElement   元件。   BindingExpression:路径= CompanyItems;   的DataItem = NULL;目标元素是   'DataGridComboBoxColumn'   (的HashCode = 28633162);目标财产   是'ItemsSource'(输入'IEnumerable')

我相信WPF希望CompanyItems成为GridItem的属性,但事实并非如此,这就是绑定失败的原因。

我已经尝试使用RelativeSourceAncestorType这样:

<DataGridComboBoxColumn ItemsSource="{Binding CompanyItems, 
    RelativeSource={RelativeSource Mode=FindAncestor,
                                   AncestorType={x:Type Window}}}"
                        DisplayMemberPath="Name"
                        SelectedValuePath="ID"
                        SelectedValueBinding="{Binding CompanyID}" />

但是这给了我调试器输出中的另一个错误:

  

System.Windows.Data错误:4:不能   找到与参考绑定的源   'RelativeSource FindAncestor,   AncestorType = 'System.Windows.Window',   AncestorLevel = '1'”。   BindingExpression:路径= CompanyItems;   的DataItem = NULL;目标元素是   'DataGridComboBoxColumn'   (的HashCode = 1150788);目标属性是   'ItemsSource'(输入'IEnumerable')

问题:如何将DataGridComboBoxColumn的ItemsSource绑定到ViewModel的CompanyItems集合?有可能吗?

提前感谢您的帮助!

7 个答案:

答案 0 :(得分:105)

请检查下面的DataGridComboBoxColumn xaml是否适合您:

<DataGridComboBoxColumn 
    SelectedValueBinding="{Binding CompanyID}" 
    DisplayMemberPath="Name" 
    SelectedValuePath="ID">

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

在这里,您可以找到针对您遇到的问题的另一种解决方案:Using combo boxes with the WPF DataGrid

答案 1 :(得分:42)

documentation on MSDN about the ItemsSource of the DataGridComboBoxColumn表示只有静态资源,静态代码或组合框项的内联集合可以绑定到ItemsSource

  

首先填充下拉列表   为。设置ItemsSource属性   ComboBox使用以下之一   选项:

     
      
  • 静态资源。有关更多信息,请参阅StaticResource Markup   扩展。
  •   
  • 一个x:静态代码实体。有关更多信息,请参阅x:静态标记   扩展。
  •   
  • ComboBoxItem类型的内联集合。
  •   

如果我理解正确的话,就无法绑定到DataContext的属性。

确实:当我在ViewModel中CompanyItems 静态属性时......

public static ObservableCollection<CompanyItem> CompanyItems { get; set; }

...将ViewModel所在的命名空间添加到窗口...

xmlns:vm="clr-namespace:DataGridComboBoxColumnApp"

...并将绑定更改为...

<DataGridComboBoxColumn
    ItemsSource="{Binding Source={x:Static vm:ViewModel.CompanyItems}}" 
    DisplayMemberPath="Name"
    SelectedValuePath="ID"
    SelectedValueBinding="{Binding CompanyID}" />

...然后它有效。但将ItemsSource作为静态属性可能有时可以,但并不总是我想要的。

答案 2 :(得分:22)

正确的解决方案似乎是:

<Window.Resources>
    <CollectionViewSource x:Key="ItemsCVS" Source="{Binding MyItems}" />
</Window.Resources>
<!-- ... -->
<DataGrid ItemsSource="{Binding MyRecords}">
    <DataGridComboBoxColumn Header="Column With Predefined Values"
                            ItemsSource="{Binding Source={StaticResource ItemsCVS}}"
                            SelectedValueBinding="{Binding MyItemId}"
                            SelectedValuePath="Id"
                            DisplayMemberPath="StatusCode" />
</DataGrid>

上面的布局对我来说非常好,应该适用于其他人。这种设计选择也很有意义,尽管在任何地方都没有很好的解释。但是,如果您有一个包含预定义值的数据列,那么这些值通常不会在运行时更改。因此,创建CollectionViewSource并初始化数据一次是有道理的。它还摆脱了更长的绑定来找到一个祖先并绑定它的数据上下文(这总是让我觉得不对)。

我将此处留给其他任何挣扎于此绑定的人,并想知道是否有更好的方法(因为这个页面显然仍然出现在搜索结果中,这就是我到达这里的方式)。

答案 3 :(得分:20)

我意识到这个问题已经过了一年多了,但我在处理类似的问题时偶然发现它并且认为我会分享另一个可能的解决方案,以防它可以帮助未来的旅行者(或者我自己,当我以后忘记这个时)并发现自己在我的桌面上最近的物体的尖叫和投掷之间的StackOverflow上徘徊。)

在我的情况下,我能够通过使用DataGridTemplateColumn而不是DataGridComboBoxColumn来获得我想要的效果,以下是一个片段。 [告诫:我正在使用.NET 4.0,而且我一直在阅读的内容让我相信DataGrid已经做了很多改进,所以如果使用早期版本那么YMMV]

<DataGridTemplateColumn Header="Identifier_TEMPLATED">
    <DataGridTemplateColumn.CellEditingTemplate>
        <DataTemplate>
            <ComboBox IsEditable="False" 
                Text="{Binding ComponentIdentifier,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"
                ItemsSource="{Binding Path=ApplicableIdentifiers, Mode=OneWay, UpdateSourceTrigger=PropertyChanged}" />
        </DataTemplate>
    </DataGridTemplateColumn.CellEditingTemplate>
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding ComponentIdentifier}" />
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>
</DataGridTemplateColumn>

答案 4 :(得分:6)

RookieRick是对的,使用DataGridTemplateColumn代替DataGridComboBoxColumn可以提供更简单的XAML。

此外,直接从CompanyItem访问GridItem列表可以让您摆脱RelativeSource

恕我直言,这给你一个非常干净的解决方案。

<强> XAML:

<DataGrid AutoGenerateColumns="False" ItemsSource="{Binding GridItems}" >
    <DataGrid.Resources>
        <DataTemplate x:Key="CompanyDisplayTemplate" DataType="vm:GridItem">
            <TextBlock Text="{Binding Company}" />
        </DataTemplate>
        <DataTemplate x:Key="CompanyEditingTemplate" DataType="vm:GridItem">
            <ComboBox SelectedItem="{Binding Company}" ItemsSource="{Binding CompanyList}" />
        </DataTemplate>
    </DataGrid.Resources>
    <DataGrid.Columns>
        <DataGridTextColumn Binding="{Binding Name}" />
        <DataGridTemplateColumn CellTemplate="{StaticResource CompanyDisplayTemplate}"
                                CellEditingTemplate="{StaticResource CompanyEditingTemplate}" />
    </DataGrid.Columns>
</DataGrid>

查看型号:

public class GridItem
{
    public string Name { get; set; }
    public CompanyItem Company { get; set; }
    public IEnumerable<CompanyItem> CompanyList { get; set; }
}

public class CompanyItem
{
    public int ID { get; set; }
    public string Name { get; set; }

    public override string ToString() { return Name; }
}

public class ViewModel
{
    readonly ObservableCollection<CompanyItem> companies;

    public ViewModel()
    {
        companies = new ObservableCollection<CompanyItem>{
            new CompanyItem { ID = 1, Name = "Company 1" },
            new CompanyItem { ID = 2, Name = "Company 2" }
        };

        GridItems = new ObservableCollection<GridItem> {
            new GridItem { Name = "Jim", Company = companies[0], CompanyList = companies}
        };
    }

    public ObservableCollection<GridItem> GridItems { get; set; }
}

答案 5 :(得分:3)

您的ComboBox正在尝试绑定绑定到GridItem[x].CompanyItems,但不存在。

您的RelativeBinding已关闭,但需要绑定到DataContext.CompanyItems,因为Window.CompanyItems不存在

答案 6 :(得分:0)

我使用的bast方式将textblock和combobox绑定到同一属性,此属性应支持notifyPropertyChanged。

我使用relativeresource绑定到父视图datacontext,这是usercontrol在绑定时上升数据网格级别,因为在这种情况下,datagrid将搜索您在datagrid.itemsource中使用的对象

<DataGridTemplateColumn Header="your_columnName">
     <DataGridTemplateColumn.CellTemplate>
          <DataTemplate>
             <TextBlock Text="{Binding RelativeSource={RelativeSource AncestorType={x:Type UserControl}}, Path=DataContext.SelectedUnit.Name, Mode=TwoWay}" />
           </DataTemplate>
     </DataGridTemplateColumn.CellTemplate>
     <DataGridTemplateColumn.CellEditingTemplate>
           <DataTemplate>
            <ComboBox DisplayMemberPath="Name"
                      IsEditable="True"
                      ItemsSource="{Binding RelativeSource={RelativeSource AncestorType={x:Type UserControl}}, Path=DataContext.UnitLookupCollection}"
                       SelectedItem="{Binding RelativeSource={RelativeSource AncestorType={x:Type UserControl}}, Path=DataContext.SelectedUnit, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                      SelectedValue="{Binding UnitId, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                      SelectedValuePath="Id" />
            </DataTemplate>
    </DataGridTemplateColumn.CellEditingTemplate>
</DataGridTemplateColumn>