WPF Datagrid Inserting new row and saving to context when user moves away from row!!

Hello,

I'm new to WPF and I was wondering if there any easy way to insert a new row to datagrid and as soon as the user goes up or down the row, automatically save to the context.

When I click on the empty row at the bottom it does allow me to add the row but it doesn't save to the database.

I've being looking around but can't find an easy solution. I'll appreciate any help or link...

Here is my C# code:

    public partial class MainWindow : Window
    {
        NorthWindData.NorthwindEntities context = new NorthWindData.NorthwindEntities();

        public MainWindow()
        {
            InitializeComponent();
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
           dgEmp.ItemsSource = GetEmployeeList();
        }

        private ObservableCollection<Employee> GetEmployeeList()
        {
            var list = from e in context.Employees select e;
            return new ObservableCollection<Employee>(list);
        }

        private void btnSave_Click(object sender, RoutedEventArgs e)
        {
            context.SaveChanges();
        }

        private void dgEmp_PreviewKeyDown(object sender, KeyEventArgs e)
        {
            //This code will delete the selected row. It works... 
            if (Key.Delete == e.Key)
            {
                foreach (var row in dgEmp.SelectedItems)
                {
                    Employee employee = dgEmp.SelectedItem as Employee;

                    var deleting = MessageBox.Show("Are you sure you want to delete the employee #" + employee.EmployeeID, "Deleting Record", MessageBoxButton.YesNo, MessageBoxImage.Exclamation);
                    if (deleting == MessageBoxResult.Yes)
                    {
                        Employee emp = context.Employees.First(i => i.EmployeeID == employee.EmployeeID);
                        context.Employees.Remove(emp);
                        context.SaveChanges();
                        MessageBox.Show("Employee #" + employee.EmployeeID + " has being deleted!");
                    }
                    else
                    {
                        MessageBox.Show("Not Deleted!!");
                        e.Handled = false;
                        dgEmp.Items.Refresh();
                    }
                }
            }
        }

        private void dgEmp_RowEditEnding(object sender, DataGridRowEditEndingEventArgs e)
        {
            if (e.EditAction == DataGridEditAction.Commit)
            {
                //I guess here will go the code to add the row...
                context.SaveChanges();
            }
        }
    }

Here is my XAML code:

<Window
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:NorthWindData="clr-namespace:NorthWindData;assembly=NorthWindData" mc:Ignorable="d" x:Class="WpfDataGrid.MainWindow"
        Title="MainWindow" Height="479.291" Width="908.955" Loaded="Window_Loaded"><Grid><TextBlock Height="55" HorizontalAlignment="Left" Margin="106,29,0,0"
               Name="textBlock1" VerticalAlignment="Top" Width="693"
                Text="WPF DataGrid for Update and Delete Operations"               
                TextAlignment="Center" FontFamily="Verdana" FontSize="28" /><DataGrid x:Name="dgEmp" Height="325" Margin="38,89,194,0" VerticalAlignment="Top" CanUserAddRows="True" AutoGenerateColumns="False" CanUserDeleteRows="True" PreviewKeyDown="dgEmp_PreviewKeyDown" RowEditEnding="dgEmp_RowEditEnding" SelectionChanged="dgEmp_SelectionChanged"><DataGrid.Columns><DataGridTextColumn Binding="{Binding EmployeeID}" Width="100" Header="Employee ID"/><DataGridTextColumn Binding="{Binding LastName}" Width="100" Header="Last Name"/><DataGridTextColumn Binding="{Binding FirstName}" Width="100" Header="First Name"/><DataGridTextColumn Binding="{Binding Title}" Width="150" Header="Title"/><DataGridTemplateColumn Header="Birth Date"><DataGridTemplateColumn.CellTemplate><DataTemplate><TextBlock Text="{Binding BirthDate, StringFormat=\{0:d\}}" /></DataTemplate></DataGridTemplateColumn.CellTemplate><DataGridTemplateColumn.CellEditingTemplate><DataTemplate><DatePicker SelectedDate ="{Binding BirthDate}" /></DataTemplate></DataGridTemplateColumn.CellEditingTemplate></DataGridTemplateColumn></DataGrid.Columns></DataGrid><Button x:Name="btnSave" Content="Save" HorizontalAlignment="Left" Height="27" Margin="739,106,0,0" VerticalAlignment="Top" Width="136" Click="btnSave_Click"/></Grid></Window>

Guisselle