Show RowDetails on a button click

[Richa]

I have a datagrid with a select column.
I want to view RowDetails for selected row on the click of a button.
Can you help in implementing this using MVVM pattern?

[Maya]

Hello Richa,

You may handle the Click event of the button like follows:

private void Button1_Click(object sender, RoutedEventArgs e)
        {
            foreach(Club club in this.clubsGrid.SelectedItems)
            {
                var row = this.clubsGrid.ItemContainerGenerator.ContainerFromItem(club) as GridViewRow;
                row.DetailsVisibility = Visibility.Visible;
            }
        }

 

All the best,
Maya
the Telerik team

[Richa]

Thanks, but i want to implement this using MVVM pattern.
Could you please let me know how will i get the selected row in the grid in my viewmodel?

[Maya]

Hello Richa,

You may get the SelectedItem of the RadGridView by binding it to a corresponding property in your ViewModel:

MainWindow.xaml
<telerik:RadGridView Name="clubsGrid"
                             ItemsSource="{Binding Clubs}"
                             AutoGenerateColumns="False"
                 SelectedItem="{Binding SelectedItem}">


MyViewModel.cs:
    private object selectedItem;
        public object SelectedItem
        {
            get { return this.selectedItem; }
            set
            {
                if (value != this.selectedItem)
                {
                    this.selectedItem = value;
                    this.OnPropertyChanged("SelectedItem");
                }
            }
        }

 
However, the corresponding row and the row details are visual elements and will be breaking the concept of MVVM to work with the visual elements in your ViewModel. 

Kind regards,
Maya
the Telerik team

[Richa]

For showing the row details on a button click i need the reference of the grid in the viewmodel.
Can you please tell how will i get the reference of the grid in viewmodel?

[Maya]

Hi Richa,

As mentioned previously getting access of the visual elements and working with them in your ViewModel contradicts to the concept of Model-View-ViewModel design pattern. May you share a bit more details why handling the Click event of a button is not appropriate for your scenario ?
 

Greetings,
Maya
the Telerik team