How to Customize a RowStyle

[Vitor]

Hello Telerik,

I am trying to customize a RowStyle, depending on what comes from the database.

My first attempt is very simple, but I am getting this error when running

An unhandled exception of type 'System.InvalidOperationException' occurred in PresentationFramework.dll
Additional information: 'DataGridRow' TargetType does not match type of element 'GridViewRow'.

 

the error makes sense, since telerik GridView is something different than a DataGrid

but I am trying to implement the same approach.

I think it will be more clear when you see my code below:

<telerik:RadGridView Name="RadGridView"  ItemsSource="{Binding View}" Style="{StaticResource VitorStyle}"   AutoGenerateColumns="False">

<Style x:Key="VitorStyle" TargetType="telerik:RadGridView" >

        <Setter Property="RowStyle">
            <Setter.Value>
                <Style TargetType="DataGridRow">
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding Name}" Value="Anastacia Santana">
                            <Setter Property="Background" Value="Red"></Setter>
                        </DataTrigger>
                        <DataTrigger Binding="{Binding Name}" Value="Ana Taylor">
                            <Setter Property="Background" Value="DarkOrchid"></Setter>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </Setter.Value>
        </Setter>
    </Style>

As a kickoff test, I would like all Anastacia Santana rows to be RED and all Ana Taylor to be DarkOrchid.

My following tests should envolve a bit wether it is true or false, or a sum result wether it is positive or negative.

 

Can you please show me the best way to achieve this?

as a side note, I would like to keep my XAML as clean as possible. Thus the use of the resource file

 

Thank you very much!

 

[Stefan Nenchev]

Hello Vitor,

The Style that you have defined should target ":GridViewRow". Eventually, you can directly set the Background Property. Please, try the following Style:

<Style x:Key="VitorStyle" TargetType="telerik:GridViewRow" >

            <Style.Triggers>

               <DataTrigger Binding="{Binding Name}" Value="Anastacia Santana">

                    <Setter Property="Background" Value="Red"></Setter>

                </DataTrigger>

               <DataTrigger Binding="{Binding Name}" Value="Ana Taylor">

                    <Setter Property="Background" Value="DarkOrchid"></Setter>

                </DataTrigger>

            </Style.Triggers>
</Style>

And setting the "RowStyle" property of RadGridView:

<telerik:RadGridView Name="RadGridView"  ItemsSource="{Binding View}"  RowStyle="{StaticResource VitorStyle}"   AutoGenerateColumns="False">

Another approach is to use a RowStyleSelector. Please, review the following article from our documentation page - RadGridView - RowStyleSelectors. 

Regards,
Stefan Nenchev
Telerik

[Vitor]

If i use the RowStyle property of the RadGridView, i get this unpleasing error

 

An unhandled exception of type 'System.InvalidOperationException' occurred in PresentationFramework.dll
Additional information: 'RadGridView' TargetType does not match type of element 'GridViewRow'.

 

I will give a try to the method of the link you quoted and let you know in a moment

[Vitor]

The RowStyleSelector WORKS.

 

thank you!

[Stefan Nenchev]

Hello Vitor,

I am glad to hear that the RowStyleSelector is convenient for you. As for the RowStyle of the RadGridView, please make sure that the Style you have created targets ":GridViewRow" and not ":RadGridView".

Regards,
Stefan Nenchev
Telerik