Question for DataGridTextColumn.ForegroundProperty binding.

Question

From the document Remark part , I knew the below code will not work for Foreground binding

  <DataGridTextColumn Header="FontSize" Width="80" Binding="{Binding FontSize}" Foreground="{Binding ForeColor}"/>  

I checked the DataGridTextColumn and the TextBlock and found the latter has more code than the former, is that the reason？Is there any body know the reason for it?

 public static void SetForeground(DependencyObject element, Brush value)  
        {  
            if (element == null)  
            {  
                throw new ArgumentNullException("element");  
            }  
   
            element.SetValue(ForegroundProperty, value);  
        }  
  
  
 public static Brush GetForeground(DependencyObject element)  
        {  
            if (element == null)  
            {  
                throw new ArgumentNullException("element");  
            }  
   
            return (Brush)element.GetValue(ForegroundProperty);  
        }  

I doesn't need any workarounds just want to know the reason, I know workarounds, like below:

 <DataGridTemplateColumn Header="FontSize " Width="80" CanUserSort="True"  >  
                        <DataGridTemplateColumn.CellTemplate>  
                            <DataTemplate>  
                                <TextBox  Text="{Binding  FontSize}" Foreground="{Binding ForeColor}"  HorizontalAlignment="Center" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" BorderThickness="0" VerticalAlignment="Center"  />  
                            </DataTemplate>  
                        </DataGridTemplateColumn.CellTemplate>  
                    </DataGridTemplateColumn>  

Thanks for any help.

Answer 1

Hi,
set the element style to use ForeColor property from data item:

    <DataGridTextColumn Header="FontSize"
                        Width="80" 
                        Binding="{Binding FontSize}">
      <DataGridTextColumn.ElementStyle>
        <Style TargetType="TextBlock">
          <Setter Property="Foreground" Value="{Binding ForeColor}" />
        </Style>
      </DataGridTextColumn.ElementStyle>
    </DataGridTextColumn>

or use Proxy for ForeColor property from ViewModel (DataContext):

<FrameworkElement x:Name="ProxyElement" Visibility="Collapsed"/>
<DataGrid ItemsSource="{Binding View}" AutoGenerateColumns="False" CanUserAddRows="False">
  <DataGrid.Columns>
    <DataGridTextColumn Header="FontSize"
                        Width="80" 
                        Binding="{Binding FontSize}"
                        Foreground="{Binding DataContext.ForeColor, Source={x:Reference ProxyElement}}"/>

Answer 2

The foreground here applies to columns, not row (or cell) units, the data context is not row-by-row data. You could also bind CellStyle, which is a cell.

 <DataGridTextColumn Header="FontSize" Binding="{Binding FontSize}">  
                    <DataGridTextColumn.CellStyle>  
                        <Style TargetType="DataGridCell">  
                            <Setter Property="Foreground" Value="{Binding  ForeColor}"/>  
                            <Setter Property="FontSize" Value="{Binding FontSize}"/>  
                        </Style>  
                    </DataGridTextColumn.CellStyle>  
                </DataGridTextColumn>  

---

If the response is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.