如何在AutoGeneratingColumn事件期间根据其值设置数据网格单元格的背景?

时间:2013-05-20 08:44:07

标签: c# wpf datagrid background autogeneratecolumn

我仍然在操纵细胞背景,所以我问了一个新问题。

用户“H.B.”写道,我实际上可以在AutoGeneratingColumn事件 - Change DataGrid cell colour based on values期间设置单元格样式。问题是我不知道该怎么做。

我想要的是什么: 根据每个单元格的值为每个单元格设置不同的背景颜色。如果值为null我还希望 可点击(我猜可以关注)。

我有/我想做的事情:

private void mydatagrid_AutoGeneratingColumn(object sender, DataGridAutoGeneratingColumnEventArgs e)
{
    foreach (Cell cell in e.Column)
    {
        if (cell.Value < 1)
        { 
            cell.Background = Color.Black; 
            cell.isFocusable = false; 
        } 
        else
        {
            cell.Background = Color.Pink;
        }
    }
}

这只是伪代码。在列自动生成期间是否可以执行此类操作,如果是这样,我如何编辑代码以使其有效?

我读到了有关值转换器的内容,但我想知道它是否可以通过编程方式进行,而无需编写XAML。

请理解我还是C#/ WPF / DataGrid的初学者。

解决方案第1部分:

我使用了我接受的答案。把它放进

<Window.Resources> 
<local:ValueColorConverter x:Key="colorConverter"/>
        <Style x:Key="DataGridCellStyle1" TargetType="{x:Type DataGridCell}"> 
            <Setter Property="Padding" Value="5"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type DataGridCell}">
                        <Border Padding="{TemplateBinding Padding}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" SnapsToDevicePixels="True">
                            <Border.Background>
                                <MultiBinding Converter="{StaticResource colorConverter}">
                                    <Binding RelativeSource="{RelativeSource AncestorType=DataGridCell}" Path="Content.Text"/>
                                    <Binding RelativeSource="{RelativeSource AncestorType=DataGridCell}" Path="IsSelected"/>
                                </MultiBinding>
                            </Border.Background>
                            <ContentPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
                        </Border>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
</Window.Resources>

并为其制作了MultiBinding转换器,因此我还可以为所选单元格设置背景颜色。

问题:

现在我只需要解决设置空单元格焦点的问题。任何提示?

  <Style.Triggers>
        <Trigger Property="HasContent" Value="False">
            <Setter Property="Focusable" Value="False"/>
        </Trigger>
    </Style.Triggers>

这不起作用。我在空单元格中有空字符串,但它们充满了“空”,所以它应该可以工作,对吗?或者我做错了什么:| ?

解决方案第2部分:

所以只要单元格值是'TextBox',上面的代码就不会起作用,所以我决定找到另一种处理它的方法,可以在我的答案中找到:https://stackoverflow.com/a/16673602/2296407

感谢您试图帮助我:)

3 个答案:

答案 0 :(得分:13)

我可以为你的问题提出两种不同的解决方案:第一种是“代码隐藏风格”(你要求的但我个人认为这不是WPF中的正确方法)和更多WPF风格(更棘手)但保持代码隐藏清洁并利用样式,触发器和转换器)

解决方案1.用于着色的事件处理和代码隐藏逻辑

首先,您选择的方法无法直接使用 - AutoGeneratingColumn事件旨在用于更改整列外观,而不是逐个单元格。因此,它可以用于,例如,根据它的显示索引或绑定属性将正确的样式附加到整个列。

一般来说,第一次引发事件时,数据网格根本就没有任何行(因此也就是单元格)。如果您确实需要捕获事件 - 请考虑使用DataGrid.LoadingRow事件。而且你将无法轻松获得细胞:)

那么,你做了什么:处理LoadingRow事件,获取行(它具有 Item 属性,其中包含(令人惊讶的:))你的绑定项目,获取绑定项目,使所有需要计算,得到你需要改变的细胞,最后改变目标细胞的样式。

这是代码(作为项目,我使用了一个带有int“Value”属性的示例对象,用于着色)。

<强> XAML

   <DataGrid Name="mygrid" ItemsSource="{Binding Items}" AutoGenerateColumns="True" LoadingRow="DataGrid_OnLoadingRow"/>

.CS

    private void DataGrid_OnLoadingRow(object sender, DataGridRowEventArgs e)
    {
        Dispatcher.BeginInvoke(DispatcherPriority.Render, new Action(() => AlterRow(e)));
    }

    private void AlterRow(DataGridRowEventArgs e)
    {
        var cell = GetCell(mygrid, e.Row, 1);
        if (cell == null) return;

        var item = e.Row.Item as SampleObject;
        if (item == null) return;

        var value = item.Value;

        if (value <= 1) cell.Background = Brushes.Red;
        else if (value <= 2) cell.Background = Brushes.Yellow;
        else cell.Background = Brushes.Green;
    }

    public static DataGridRow GetRow(DataGrid grid, int index)
    {
        var row = grid.ItemContainerGenerator.ContainerFromIndex(index) as DataGridRow;

        if (row == null)
        {
            // may be virtualized, bring into view and try again
            grid.ScrollIntoView(grid.Items[index]);
            row = (DataGridRow)grid.ItemContainerGenerator.ContainerFromIndex(index);
        }
        return row;
    }

    public static T GetVisualChild<T>(Visual parent) where T : Visual
    {
        T child = default(T);
        int numVisuals = VisualTreeHelper.GetChildrenCount(parent);
        for (int i = 0; i < numVisuals; i++)
        {
            var v = (Visual)VisualTreeHelper.GetChild(parent, i);
            child = v as T ?? GetVisualChild<T>(v);
            if (child != null)
            {
                break;
            }
        }
        return child;
    }

    public static DataGridCell GetCell(DataGrid host, DataGridRow row, int columnIndex)
    {
        if (row == null) return null;

        var presenter = GetVisualChild<DataGridCellsPresenter>(row);
        if (presenter == null) return null;

        // try to get the cell but it may possibly be virtualized
        var cell = (DataGridCell)presenter.ItemContainerGenerator.ContainerFromIndex(columnIndex);
        if (cell == null)
        {
            // now try to bring into view and retreive the cell
            host.ScrollIntoView(row, host.Columns[columnIndex]);
            cell = (DataGridCell)presenter.ItemContainerGenerator.ContainerFromIndex(columnIndex);
        }
        return cell;

    }

解决方案2. WPF风格

此解决方案仅将代码隐藏用于值到颜色的转换(假设着色逻辑比相等比较更复杂 - 在这种情况下,您可以使用触发器并且不会弄乱转换器。)

你做什么:使用包含数据触发器的样式设置DataGrid.CellStyle属性,该样式检查单元是否在所需的列中(基于它的DisplayIndex),如果是 - 通过转换器应用背景。

<强> XAML

<DataGrid Name="mygrid" ItemsSource="{Binding Items}" AutoGenerateColumns="True">
        <DataGrid.Resources>
            <local:ValueColorConverter x:Key="colorconverter"/>
        </DataGrid.Resources>
        <DataGrid.CellStyle>
            <Style TargetType="DataGridCell">
                <Style.Triggers>
                    <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=Column.DisplayIndex}" Value="1">
                        <Setter Property="Background" Value="{Binding RelativeSource={RelativeSource Self}, Path=Content.Text, Converter={StaticResource colorconverter}}"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </DataGrid.CellStyle>
    </DataGrid>

<强> .CS

public class ValueColorConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var str = value as string;
        if (str == null) return null;

        int intValue;
        if (!int.TryParse(str, out intValue)) return null;

        if (intValue <= 1) return Brushes.Red;
        else if (intValue <= 2) return Brushes.Yellow;
        else return Brushes.Green;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

UPD:如果需要为整个数据网格着色,XAML要容易得多(不需要使用触发器)。使用以下CellStyle:

    <DataGrid.CellStyle>
            <Style TargetType="DataGridCell">
                 <Setter Property="Background" Value="{Binding RelativeSource={RelativeSource Self}, Path=Content.Text, Converter={StaticResource colorconverter}}"/>
            </Style>
    </DataGrid.CellStyle>

答案 1 :(得分:1)

我的意思是您可以设置列的CellStyle属性,不能直接操作单元格,因为它们在此事件中不可用。样式可以包含DataTriggers形式的条件逻辑(需要转换器,因为你有“小于”且不等于)和Setters

此外,如果逻辑不是特定于列,您可以设置style globally on the grid本身。使用该事件的目的是操纵您无法访问的列属性。

答案 2 :(得分:-2)

我不确定您的WPF Datagrid中是否有此属性(Cell.Style)。在您的情况下可能存在一些替代方案。它适用于WinForms datagrid。

 cell.Style.BackColor = System.Drawing.Color.Black;