Select Column

The GridViewSelectColumn derives from GridViewColumn and its content is represented by a CheckBox for each row. Contrary to GridViewCheckBoxColumn, GridViewSelectColumn does not bind to data. Instead, it allows you to select a given row via a checkbox. In other words, the IsChecked property of each CheckBox is bound to the IsSelected property of the corresponding row.

Example 1: Defining GridViewSelectColumn in XAML

<telerik:RadGridView AutoGenerateColumns="False"> 
    <telerik:RadGridView.Columns> 
        <telerik:GridViewSelectColumn /> 
        <telerik:GridViewDataColumn DataMemberBinding="{Binding Name}" /> 
    </telerik:RadGridView.Columns> 
</telerik:RadGridView> 

Figure 1: The GridViewSelectColumn

Select Column in RadGridView - Telerik's Silverlight DataGrid

If you set RadGridView's SelectionMode property to either Extended or Multiple, you will be able to:

  • Select more than one row by clicking on the desired checkbox.

  • Select all the rows by clicking on the checkbox in the header.

Example 2: Define GridViewDataColumn with Extended SelectionMode

<telerik:RadGridView AutoGenerateColumns="False" 
                 SelectionMode="Extended"> 
    <telerik:RadGridView.Columns> 
        <telerik:GridViewSelectColumn /> 
        <telerik:GridViewDataColumn DataMemberBinding="{Binding Name}" /> 
    </telerik:RadGridView.Columns> 
</telerik:RadGridView> 

Figure 2: The GridViewSelectColumn with Extended SelectionMode

Multiple Selection in the Select Column of RadGridView - Telerik's Silverlight DataGrid

CheckBoxStyle and HeaderCheckBoxStyle

To style the respective checkboxes, you can use the two properties of type style that GridViewSelectColumn exposes:

  • CheckBoxStyle

  • HeaderCheckBoxStyle

Example 3: Creating appropriate styles

<Style x:Key="CheckBoxStyle" TargetType="CheckBox"> 
    <Setter Property="Background" Value="Red" /> 
</Style> 
<Style x:Key="HeaderCheckBoxStyle" TargetType="CheckBox"> 
    <Setter Property="Background" Value="Blue" /> 
</Style> 

Example 4: Setting RadGridView's CheckBoxStyle and HeaderCheckBoxStyle

<telerik:GridViewSelectColumn CheckBoxStyle="{StaticResource CheckBoxStyle}"  
                              HeaderCheckBoxStyle="{StaticResource HeaderCheckBoxStyle}"/> 
</telerik:RadGridView.Columns> 

Figure 3 shows the final result:

Figure 3: The styled GridViewSelectColumn

Styled Select Column in RadGridView - Telerik's Silverlight DataGrid

See Also

In this article