wcode.net

Exposing Inner Control Event in WPF UserControl

// August 16th, 2009 // Programming

When you have controls inside your custom UserControl you can’t call directly to any controls inside user control in WPF. There’s a way to expose them.. First you can add RoutedEvents to a custom control you can declare a public static RoutedEvent in your class and use EventManager.RegisterRoutedEvent() method to register these events. EventManager.RegisterRoutedEvent() has some parameters: the event name, routing strategy, type of RoutedEventHandler and type of the custom control.

Now, create user custom UserControl that contains a button. Here the XAML code :

    
        Button
    

Than add this code inside .cs file

public partial class CustomUserControl : UserControl
{
    public static readonly RoutedEvent ButtonClickEvent = EventManager.RegisterRoutedEvent(
        "ButtonClick", RoutingStrategy.Bubble, typeof(RoutedEventHandler), typeof(CustomUserControl));

    public event RoutedEventHandler ButtonClick
    {
        add { AddHandler(ButtonClickEvent, value); }
        remove { RemoveHandler(ButtonClickEvent, value); }
    }

    public CustomUserControl()
    {
        InitializeComponent();
    }

    private void button1_Click(object sender, RoutedEventArgs e)
    {
        RaiseEvent(new RoutedEventArgs(ButtonClickEvent));
    }
}

Here the code where you add that user control, dont forget to add reference :
xmlns:local=”clr-namespace:…. bla2…

So here my Window1 xaml code :

From that listing now your window can recognize property of ButtonClick event. Now here is code in my Window1.xaml. So when button inside user control clicked Message box will appear…

public partial class Window1 : Window
{
    public Window1()
    {
        InitializeComponent();
    }

    private void CustomUserControl_ButtonClick(object sender, RoutedEventArgs e)
    {
        MessageBox.Show("Inner Button Clicked!!");
    }
}

by : Willy Achmat Fauzi