How to change backcolor of datagried row which depend on one column in wpf

Question

0.00/5 (No votes)

See more:

I have one dataGrid which contain one column for red or green color image. I do trigger to set red or green color image if status is ERROR or OK which gate from database. I just want to change color for hole row if there is red image.

I do XAML code to set Red of Green Image as below

HTML

<DataGridTemplateColumn>
    <DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <Image Name="IsReadImage" Source="read.png"/>
                <DataTemplate.Triggers>
                    <DataTrigger Binding="{Binding IsRead}" Value="False">
                    <Setter TargetName="IsReadImage" Property="Source" Value="unread.png"/>
                </DataTrigger>             
            </DataTemplate.Triggers>         
        </DataTemplate>     
    </DataGridTemplateColumn.CellTemplate> 
</DataGridTemplateColumn>

And I tried XAML code to change row background color as below

HTML

<Style TargetType="DataGridRow">
     <Style.Triggers>
         <DataTrigger Binding="{Binding Active}" Value="False">
             <Setter Property="Background" Value="Red" />
         </DataTrigger>
     </Style.Triggers>
 </Style>

But It did not change background color. Please help me

Posted 17-Feb-15 1:17am

Dipika Wani

Updated 17-Feb-15 1:21am

v2

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

TheRealSteveJudge · Answer 1 · 2015-02-17T02:30:00

You can achieve this behaviour by a so-called value converter:

This is just an example of how you could set colours
depending on values.

ValueToColorConverter.cs

C#

using System;
using System.Windows.Data;
using System.Windows.Media;

namespace WpfApplication12
{
    class ValueToColorConverter : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            if(value.GetType() == typeof(bool))
            {
                if((bool)value)
                {
                    return Brushes.Green;
                }
                else
                {
                    return Brushes.Red;
                }
            }
            else
            {
                return value;
            }
        }

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

MainWindow.xaml:

C#

<Window x:Class="WpfApplication12.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:WpfApplication12"
        Title="MainWindow" Height="350" Width="525">
    
    <Window.Resources>
        <local:ValueToColorConverter x:Key="V2C"></local:ValueToColorConverter>
    </Window.Resources>
    
    <Grid>
        <DataGrid ItemsSource="{Binding Items}" AutoGenerateColumns="False">
            <DataGrid.Columns>
                <DataGridTemplateColumn>
                    <DataGridTemplateColumn.CellTemplate>
                        <DataTemplate>
                            <Grid Background="{Binding IsRead,Converter={StaticResource V2C}}"></Grid>
                        </DataTemplate>
                    </DataGridTemplateColumn.CellTemplate>
                </DataGridTemplateColumn>
            </DataGrid.Columns>
        </DataGrid>
    </Grid>
</Window>

MainWindow.xaml.cs:

C#

using System.Windows;

namespace WpfApplication12
{
    public partial class MainWindow : Window
    {
        ViewModel vm;

        public MainWindow()
        {
            this.Loaded += MainWindow_Loaded;

            InitializeComponent();
        }

        void MainWindow_Loaded(object sender, RoutedEventArgs e)
        {
            vm = new ViewModel();

            this.DataContext = vm;
        }
    }
}

ViewModel.cs:

C#

using System.Collections.ObjectModel;

namespace WpfApplication12
{
    class ViewModel : ViewModelBase
    {
        public ViewModel()
        {
            items = new ObservableCollection<item>();

            Items.Add(new Item() { IsRead = true });
            Items.Add(new Item() { IsRead = false });
            Items.Add(new Item() { IsRead = true });
            Items.Add(new Item() { IsRead = false });
            Items.Add(new Item() { IsRead = true });
        }

        private ObservableCollection<item> items;

        public ObservableCollection<item> Items 
        { 
            get
            {
                return items;
            }
            set 
            { 
                if (items != value)
                {
                    items = value;

                    OnPropertyChanged();
                }
            }
        }
    }
}

ViewModelBase.cs:

C#

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace WpfApplication12
{
    class ViewModelBase : INotifyPropertyChanged
    {
        [AttributeUsageAttribute(AttributeTargets.Parameter, Inherited = false)]
        public sealed class CallerMemberNameAttribute : Attribute { }

        public event PropertyChangedEventHandler PropertyChanged = delegate { };

        public void OnPropertyChanged([CallerMemberName]string propertyName = null)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
            }
        }
    }
}

Item.cs:

C#

namespace WpfApplication12
{
    class Item
    {
        public bool IsRead { get; set; }
    }
}