Styling row selectors

The following example demonstrates how to display a row's visual index in its corresponding row selector by creating a style targeting the RowSelector type that displays the value of its ItemIndex property as its content. The style is then assigned to the RowSelector.RowSelectorStyle attached property, which is set by the implicit DataRow style.

XAML	Copy Code
<Grid xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid"> <Grid.Resources> <xcdg:DataGridCollectionViewSource x:Key="cvs_orders" Source="{Binding Source={x:Static Application.Current}, Path=Orders}" /> <Style x:Key="itemIndexSelectorStyle" TargetType="{x:Type xcdg:RowSelector}"> <Setter Property="Content" Value="{Binding RelativeSource={RelativeSource Self}, Path=ItemIndex}"/> </Style> <Style TargetType="{x:Type xcdg:DataRow}"> <Setter Property="xcdg:RowSelector.RowSelectorStyle" Value="{StaticResource itemIndexSelectorStyle}" /> </Style> </Grid.Resources> <xcdg:DataGridControl x:Name="OrdersGrid" ItemsSource="{Binding Source={StaticResource cvs_orders}}" /> </Grid>

XAML

Copy Code

<Grid xmlns:xcdg="http://schemas.xceed.com/wpf/xaml/datagrid">

  <Grid.Resources>

    <xcdg:DataGridCollectionViewSource x:Key="cvs_orders"

                                       Source="{Binding Source={x:Static Application.Current},

                                                        Path=Orders}" />

    <Style x:Key="itemIndexSelectorStyle"

           TargetType="{x:Type xcdg:RowSelector}">

      <Setter Property="Content"

              Value="{Binding RelativeSource={RelativeSource Self}, Path=ItemIndex}"/>

    </Style>

    <Style TargetType="{x:Type xcdg:DataRow}">

      <Setter Property="xcdg:RowSelector.RowSelectorStyle"

              Value="{StaticResource itemIndexSelectorStyle}" />

    </Style>

  </Grid.Resources>

  <xcdg:DataGridControl x:Name="OrdersGrid"

                            ItemsSource="{Binding Source={StaticResource cvs_orders}}" />

</Grid>