Динамическое управление ячейками в одном столбце в WPF DataGrid - PullRequest
Новая
       45

Динамическое управление ячейками в одном столбце в WPF DataGrid

0 голосов
/ 20 сентября 2018

Я хочу создать WPF DataGrid с динамическим управлением ячейкой в ​​одном столбце на основе значения в другом столбце, как показано на рисунке ниже.

Expected Output

XAML 

<Window.Resources>
    <Style x:Key="DataGridCellStyle1" TargetType="{x:Type DataGridCell}">
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="BorderBrush" Value="Transparent"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type DataGridCell}">
                    <Grid Height="21.96">
                        <ComboBox x:Name="cbCondition1">
                            <ComboBoxItem Content="1"/>
                            <ComboBoxItem Content="2"/>
                        </ComboBox>

                        <TextBox x:Name="tbCondition2" Text="text"/>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <DataTrigger Binding="{Binding TypeColumn}" Value="ComboBox">
                            <Setter Value="Visible" TargetName="cbCondition1" Property="Visibility"/>
                            <Setter Value="Hidden" TargetName="tbCondition2" Property="Visibility"/>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding TypeColumn}" Value="TextBox">
                            <Setter Value="Hidden" TargetName="cbCondition1" Property="Visibility"/>
                            <Setter Value="Visible" TargetName="tbCondition2" Property="Visibility"/>
                        </DataTrigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <Trigger Property="IsSelected" Value="True">
                <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
                <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}"/>
                <Setter Property="BorderBrush" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
            </Trigger>
            <Trigger Property="IsKeyboardFocusWithin" Value="True">
                <Setter Property="BorderBrush" Value="{DynamicResource {x:Static DataGrid.FocusBorderBrushKey}}"/>
            </Trigger>
        </Style.Triggers>
    </Style>
</Window.Resources>
<Grid>
 <DataGrid HorizontalAlignment="Left" Width="500" Grid.ColumnSpan="2" VerticalAlignment="Top" x:Name="GridWorkers" 
                  ItemsSource="{Binding Workers}" Grid.Row="1" SelectedItem="{Binding SelectedWorker}" AutoGenerateColumns="False">
   <DataGrid.Columns>
        <DataGridTextColumn Header="Control Type" Binding="{Binding TypeColumn}" Width="90" IsReadOnly="True"/>
        <DataGridTemplateColumn Header="Dynamic Control" CellStyle="{StaticResource DataGridCellStyle1}"/>
   </DataGrid.Columns>
 </DataGrid>
</Grid>

Я могу добиться этого в стиле xaml, но с нетерпениемдля программного способа динамического добавления элементов управления в ячейку DataGrid, т. е. из кода C #, предпочтительны оба подхода (подход mvvm и подход с выделенным кодом).Другой возможный способ решения также приветствуется.

1 Ответ

0 голосов
/ 20 сентября 2018

Вы можете использовать ContentControl с Style, который устанавливает свойство Content на основе значения свойства ControlType source, например: 

<DataGrid ... AutoGenerateColumns="False">
    <DataGrid.Columns>
        <DataGridTextColumn Header="Control Type" Binding="{Binding ControlType}" />
        <DataGridTemplateColumn Header="Dynamic Control">
            <DataGridTemplateColumn.CellTemplate>
                <DataTemplate>
                    <ContentControl>
                        <ContentControl.Style>
                            <Style TargetType="ContentControl">
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding ControlType}" Value="ComboBox">
                                        <Setter Property="Content">
                                            <Setter.Value>
                                                <ComboBox />
                                            </Setter.Value>
                                        </Setter>
                                    </DataTrigger>
                                    <DataTrigger Binding="{Binding ControlType}" Value="TextBox">
                                        <Setter Property="Content">
                                            <Setter.Value>
                                                <TextBox Text="text...." />
                                            </Setter.Value>
                                        </Setter>
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </ContentControl.Style>
                    </ContentControl>
                </DataTemplate>
            </DataGridTemplateColumn.CellTemplate>
        </DataGridTemplateColumn>
    </DataGrid.Columns>
</DataGrid>
...