Often collection data is better presented in a tabular view and better edited in a form view. Such UX approach is referred by our clients as “Popup editing in RadGridView”.

With the help of the new RadDataForm and the good old RadGridView a few lines of code are needed to accomplish this.


To have this working we need to :

1. Bind RadGridView to a collection IEditable and INotifyPropertyChange objects.

this.RadGridView1.ItemsSource = Person.GetSampleListOfPersons();

2. Bind a RadDataForm  to the current item of RadGridView


 <telerik:RadDataForm CurrentItem="{Binding CurrentItem,ElementName=RadGridView1}" …

3. Handle  the button event to show RadDataForm when needed.


private void Edit_Click(object sender, RoutedEventArgs e)
            this.RadGridView1.CurrentItem = ((Button)sender).DataContext;
            this.RadDataForm1.Visibility = Visibility.Visible;

4.Handle the EditEnded event of RadDataform to hide it when no more needed.


void RadDataForm1_EditEnded(object sender, Telerik.Windows.Controls.Data.DataForm.EditEndedEventArgs e)
        this.RadDataForm1.Visibility = Visibility.Collapsed;

That is all you need to have  popup editing in RadGridView .


The full source code and a demo app  may be downloaded

About the Author

Pavel Pavlov

Pavel has been part of the Telerik team for three years. He has background in various XAML technologies, including WPF, Silverlight and WinRT. He is now part of the UI for Xamarin team at Telerik.

Related Posts


Comments are disabled in preview mode.