WPF Change DataGrid Cell Style dynamically

Question

I have two cell template, one is for "ReadOnly" the other is for "CellEditing". And a button is binding a command to switch a variable (IsEditable) to be true/false. When I click the button, the style does not change until double click the cell.

My question is, how to change DataGrid Cell Style dynamically without double click the cell.

My XAML:

<DataTemplate x:Key="ReadOnlyTemplate">
  <TextBox Text="{Binding ProductionName}">
    <TextBox.Style>
      <Style TargetType="{x:Type TextBox}">
        <Setter Property="IsEnabled" Value="False"/>
        <Setter Property="Background" Value="Black"/>
        <Setter Property="Foreground" Value="White"/>
      </Style>
    </TextBox.Style>
  </TextBox>
</DataTemplate>

<DataTemplate x:Key="CellEditingTemplate">
  <TextBox Text="{Binding ProductionName}">
    <TextBox.Style>
      <Style TargetType="{x:Type TextBox}">
        <Setter Property="IsEnabled" Value="False"/>
        <Setter Property="Background" Value="Black"/>
        <Setter Property="Foreground" Value="White"/>
        <Style.Triggers>
          <DataTrigger Binding="{Binding IsEditable}" Value="True">
            <Setter Property="IsEnabled" Value="True"/>
            <Setter Property="Background" Value="White"/>
            <Setter Property="Foreground" Value="Black"/>
          </DataTrigger>
        </Style.Triggers>
      </Style>
    </TextBox.Style>
  </TextBox>
</DataTemplate>

...

<DataGridTemplateColumn Header="Name" CellTemplate="{StaticResource ReadOnlyTemplate}" CellEditingTemplate="{StaticResource CellEditingTemplate}"/>

Mihaeru Mihaeru · Accepted Answer · 2019-12-03T09:02:06

CellEditingTemplate is only applied when you already edit the cell. What you want is to modify the style while you are not editing. Try this:

<DataTemplate x:Key="ProductionNameTemplate" >
    <TextBox Text="{Binding ProductionName}">
        <TextBox.Style>
            <Style TargetType="{x:Type TextBox}">
                <Setter Property="IsEnabled" Value="False"/>
                <Setter Property="Background" Value="Black"/>
                <Setter Property="Foreground" Value="White"/>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding IsEditable}" Value="True">
                        <Setter Property="IsEnabled" Value="True"/>
                        <Setter Property="Background" Value="White"/>
                        <Setter Property="Foreground" Value="Black"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </TextBox.Style>
    </TextBox>
</DataTemplate>

And apply this as CellTemplate.

<DataGridTemplateColumn Header="Name" CellTemplate="{StaticResource ProductionNameTemplate}"/>

WPF Change DataGrid Cell Style dynamically

1 Answers