User Control Events Handling In Page Windows 8.1

User control events handling in page Windows 8.1

1. Create a Windows Store blank app.
   
   
   
   
2. Add a user control in app,
   
   
   
   
   
   
3. Add a button in user control within grid.
   

   <Grid>
       <Button Content="click me" Click="Button_Click" />
   </Grid>

4. In code behind of user control create a event handler.
   

   public event RoutedEventHandler ButtonClicked;

5. Add user control to your main page,
   

   <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
       <local:MyUserControl1 HorizontalAlignment="Center" VerticalAlignment="Center" />
   </Grid>

6. Rebuild you solution and add new event for button clicked event that was created in user control.
   

   <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
       <local:MyUserControl1 HorizontalAlignment="Center" VerticalAlignment="Center" ButtonClicked="MyUserControl1_ButtonClicked" />
   </Grid>

7. Adding message dialog to verify button click event in main page.
   

   public MainPage()
   {
       this.InitializeComponent();
   }
   
   private async void MyUserControl1_ButtonClicked(object sender, RoutedEventArgs e)
   {
       MessageDialog md = new MessageDialog("Button clicked");
       await md.ShowAsync();
   }

8. Run application and check that a message is shown.