blocks|key|264706|text|使用DataTrigger|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|264707|<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>|code-block|syntax|javascript|264708|entityMap^0|2|B|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>Use a <code>DataTrigger</code>:</p>

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


blocks|key|48070|text|没有DataTrigger也可以做到这一点：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|48071|+<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>|code-block|syntax|javascript|48072|其中BooleanToBrushConverter是以下类：|48073|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();
++++}
}|48074|entityMap^0|2|B|0|0|2|N|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|P|$]]

<p>The same can be done without <code>DataTrigger</code> too:</p>

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

<p>Where <code>BooleanToBrushConverter</code> is the following class:</p>

<pre class="lang-cs prettyprint-override"><code>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();
    }
}
</code></pre>


<p>In my XAML code, I want to set the <code>Background</code> color of each row, based on a value of the object in one specific row. I have an <code>ObservableCollection</code> of <code>z</code>, and each of the <code>z</code> has a property called <code>State</code>. I started out with something like this in my <code>DataGrid</code>:</p>

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

<p>This is a wrong approach because x is not a property in my ViewModel class. </p>

<p>In my ViewModel class I have an <code>ObservableCollection&lt;z&gt;</code> which is the <code>ItemsSource</code> of this <code>DataGrid</code>, and a <code>SelectedItem</code> of type <code>z</code>.</p>

<p>I could bind the color to <code>SelectedItem</code>, but this will only change one row in the <code>DataGrid</code>.</p>

<p>How can I, based on one property change this rows backgroundcolor?</p>


How to set DataGrid's row Background, based on a property value using data bindings

在我的XAML代码中，我希望根据特定行中对象的值来设置每行的Background颜色。我有一个z的ObservableCollection，每个z都有一个名为State的属性。我一开始在我的DataGrid中有类似这样的东西<DataGrid.RowStyle>    <Style TargetType="DataGr...

问如何使用数据绑定基于属性值设置DataGrid的行背景
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用数据绑定基于属性值设置DataGrid的行背景EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用数据绑定基于属性值设置DataGrid的行背景
EN