Cách đặt Nền hàng của DataGrid, dựa trên giá trị thuộc tính bằng cách sử dụng liên kết dữ liệu

Trong mã XAML của mình, tôi muốn đặt Backgroundmàu của từng hàng, dựa trên giá trị của đối tượng trong một hàng cụ thể. Tôi có một ObservableCollectioncủa z, và mỗi trong số đó zcó một thuộc tính được gọi là State. Tôi bắt đầu với một cái gì đó như thế này trong DataGrid:

<DataGrid.RowStyle>
    <Style TargetType="DataGridRow">
        <Setter Property="Background" 
                Value="{Binding z.StateId, Converter={StaticResource StateIdToColorConverter}}"/>
     </Style>
</DataGrid.RowStyle>

Đây là một cách tiếp cận sai vì x không phải là một thuộc tính trong lớp ViewModel của tôi.

Trong lớp ViewModel của tôi, tôi có một ObservableCollection<z>loại ItemsSourcenày DataGrid, và một SelectedItemloại z.

Tôi có thể liên kết màu với SelectedItem, nhưng điều này sẽ chỉ thay đổi một hàng trong DataGrid.

Làm cách nào để tôi có thể, dựa trên một thuộc tính thay đổi màu nền của hàng này?

Sử dụng một DataTrigger:

<DataGrid ItemsSource="{Binding YourItemsSource}">
    <DataGrid.RowStyle>
        <Style TargetType="DataGridRow"> 
            <Style.Triggers>
                <DataTrigger Binding="{Binding State}" Value="State1">
                    <Setter Property="Background" Value="Red"></Setter>
                </DataTrigger>
                <DataTrigger Binding="{Binding State}" Value="State2">
                    <Setter Property="Background" Value="Green"></Setter>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </DataGrid.RowStyle>
</DataGrid>

Điều tương tự cũng có thể được thực hiện mà không cần DataTrigger:

 <DataGrid.RowStyle>
     <Style TargetType="DataGridRow">
         <Setter Property="Background" >
             <Setter.Value>
                 <Binding Path="State" Converter="{StaticResource BooleanToBrushConverter}">
                     <Binding.ConverterParameter>
                         <x:Array Type="SolidColorBrush">
                             <SolidColorBrush Color="{StaticResource RedColor}"/>
                             <SolidColorBrush Color="{StaticResource TransparentColor}"/>
                         </x:Array>
                     </Binding.ConverterParameter>
                 </Binding>
             </Setter.Value>
         </Setter>
     </Style>
 </DataGrid.RowStyle>

Trong trường hợp BooleanToBrushConverterlà lớp sau:

public class BooleanToBrushConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value == null)
            return Brushes.Transparent;

        Brush[] brushes = parameter as Brush[];
        if (brushes == null)
            return Brushes.Transparent;

        bool isTrue;
        bool.TryParse(value.ToString(), out isTrue);

        if (isTrue)
        {
            var brush =  (SolidColorBrush)brushes[0];
            return brush ?? Brushes.Transparent;
        }
        else
        {
            var brush = (SolidColorBrush)brushes[1];
            return brush ?? Brushes.Transparent;
        }
    }

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

Trong XAML, hãy thêm và xác định Thuộc tính RowStyle cho DataGrid với mục tiêu đặt Nền của Hàng thành Màu được xác định trong Đối tượng Nhân viên của tôi.

<DataGrid AutoGenerateColumns="False" ItemsSource="EmployeeList">
   <DataGrid.RowStyle>
        <Style TargetType="DataGridRow">
             <Setter Property="Background" Value="{Binding ColorSet}"/>
        </Style>
   </DataGrid.RowStyle>

Và trong Lớp nhân viên của tôi

public class Employee {

    public int Id { get; set; }
    public string Name { get; set; }
    public int Age { get; set; }

    public string ColorSet { get; set; }

    public Employee() { }

    public Employee(int id, string name, int age)
    {
        Id = id;
        Name = name;
        Age = age;
        if (Age > 50)
        {
            ColorSet = "Green";
        }
        else if (Age > 100)
        {
            ColorSet = "Red";
        }
        else
        {
            ColorSet = "White";
        }
    }
}

Bằng cách này, mỗi Hàng của DataGrid có Màu BackGround của ColorSet Thuộc tính của Đối tượng của tôi .