Datagrid列可以在不同的行中包含不同类型的控件

In Wpf, Can I create a datagrid which different row contain different type of control in same column?

在Wpf中，我可以创建一个数据网格，其中不同的行在同一列中包含不同类型的控件吗？

For easiest case: datagrid with 5 cols, 2 rows, don't care about 4 first cols, in 5th col:

最简单的情况：数据网格有5列，2行，不关心4个第一列，在第5列：

1st row: it's a textbox
第一行：它是一个文本框
2nd row: it's a combobox.
第二排：它是一个组合框。

Thanks!

谢谢！

2 个解决方案

#1

You can use a DataGridTemplateColumn combined with a few triggers to achieve this functionality.

您可以使用DataGridTemplateColumn结合几个触发器来实现此功能。

This is a demo application that binds a DataGrid to a list of (string) Control Types. The first column just displays the control type string, and the second column acts on the same information to present the corresponding Control. You might be able to make the xaml a bit more concise, but this is the jist of it:

这是一个演示应用程序，它将DataGrid绑定到（字符串）控件类型列表。第一列只显示控件类型字符串，第二列作用于相同的信息以显示相应的Control。您可能能够使xaml更简洁，但这是它的主旨：

The XAML:

XAML：

<Window x:Class="DataGridWithMultipleTypesPerColumn.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 ItemsSource="{Binding ControlTypes}"
              AutoGenerateColumns="False">
        <DataGrid.Columns>
        <DataGridTextColumn Header="Control Type" Binding="{Binding}"/>
            <DataGridTemplateColumn Header="Actual Control">
                <DataGridTemplateColumn.CellTemplate>
                    <DataTemplate>
                        <ContentControl>
                            <ContentControl.Style>
                                <Style TargetType="ContentControl">
                                    <Style.Triggers>
                                        <DataTrigger Binding="{Binding}" Value="TextBox">
                                            <Setter Property="ContentTemplate">
                                                <Setter.Value>
                                                    <DataTemplate>
                                                        <TextBox Text="Default Text"/>
                                                    </DataTemplate>
                                                </Setter.Value>
                                            </Setter>
                                        </DataTrigger>
                                        <DataTrigger Binding="{Binding}" Value="CheckBox">
                                            <Setter Property="ContentTemplate">
                                                <Setter.Value>
                                                    <DataTemplate>
                                                        <CheckBox Content="Check Box"/>
                                                    </DataTemplate>
                                                </Setter.Value>
                                            </Setter>
                                        </DataTrigger>
                                        <DataTrigger Binding="{Binding}" Value="Button">
                                            <Setter Property="ContentTemplate">
                                                <Setter.Value>
                                                    <DataTemplate>
                                                        <Button Content="Button"/>
                                                    </DataTemplate>
                                                </Setter.Value>
                                            </Setter>
                                        </DataTrigger>
                                    </Style.Triggers>
                                </Style>
                            </ContentControl.Style>
                        </ContentControl>
                    </DataTemplate>
                </DataGridTemplateColumn.CellTemplate>
            </DataGridTemplateColumn>
        </DataGrid.Columns>
    </DataGrid>
</Grid>

Code-behind and View Model:

代码隐藏和视图模型：

namespace DataGridWithMultipleTypesPerColumn
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            this.DataContext = new ViewModel();
        }
    }

    public class ViewModel
    {
        public ObservableCollection<string> ControlTypes
        {
            get;
            private set;
        }
        public ViewModel()
        {
            ControlTypes = new ObservableCollection<string>() { "Button", "TextBox", "CheckBox" };
        }
    }
}

#2

Yes, you can. You need to create a template for your column.

是的你可以。您需要为列创建模板。

See this: WPF DataGrid different edit controls within a single column

请参阅：WPF DataGrid在单个列中的不同编辑控件

#1