Hello,
You can use RowStyleSelector to achieve your goal. Please refer to our demos for more info.
As to the context menu you have to bind it like so:
<
telerik:RadGridView
Grid.Row
=
"0"
x:Name
=
"clubsGrid"
ItemsSource
=
"{Binding Clubs}"
AutoGenerateColumns
=
"False"
RowDetailsTemplate
=
"{StaticResource RowDetailsTemplate}"
Margin
=
"5"
>
<
telerik:RadContextMenu.ContextMenu
>
<
telerik:RadContextMenu
>
<
telerik:RadContextMenu.Items
>
<
telerik:RadMenuItem
Header
=
"{Binding Path=Menu.UIElement.SelectedItem.Name, RelativeSource={RelativeSource Self}}"
/>
<
telerik:RadMenuItem
Header
=
"Menu Header"
/>
<
telerik:RadMenuItem
Header
=
"Menu Item"
/>
</
telerik:RadContextMenu.Items
>
</
telerik:RadContextMenu
>
</
telerik:RadContextMenu.ContextMenu
>
<
telerik:RadGridView.Columns
>
<
telerik:GridViewToggleRowDetailsColumn
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding Name}"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding Established}"
Header
=
"Est."
DataFormatString
=
"{}{0:yyyy}"
/>
<
telerik:GridViewDataColumn
DataMemberBinding
=
"{Binding StadiumCapacity}"
Header
=
"Stadium"
DataFormatString
=
"{}{0:N0}"
/>
</
telerik:RadGridView.Columns
>
</
telerik:RadGridView
>
Where the "Name" in the SelectedItem is the property of the object in the ViewModel to which the GridView is bound.
Attached I am sending you the sample project I used for reference.
Hope this helps.
All the best,
Konstantina
the Telerik team
Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get now >>