Question

I have a simple user control which wraps some logic around an AutoCompleteBox. This question could apply to any ItemsControl control like a dropdown or listbox though.

<UserControl>
    <Grid Background="White">
        <sdk:AutoCompleteBox Name="myACB" ItemsSource="{Binding myData}" />
    </Grid>
</UserControl>

I want expose the SelectedItem property of the AutoCompleteBox in a parent where the control is used. My user control is using a view model as its data context though. Otherwise, I think I could just bind the SelectedItem to a dependency property of the user control.

I need to be able to have the parent detect when the child autocompletebox selected item changes. How can I go about this?

Answer 1

Just create a dependency property in the UserControl and bind it with your internal control like the following:

1) Add a dependency property in the CustomControl:

public System.Collections.IEnumerable ItemsSource
    {
        get { return (System.Collections.IEnumerable)GetValue(ItemsSourceProperty); }
        set { SetValue(ItemsSourceProperty, value); }
    }

    // Using a DependencyProperty as the backing store for ItemsSource.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty ItemsSourceProperty =
        DependencyProperty.Register("ItemsSource", typeof(System.Collections.IEnumerable), typeof(UserControl1), new UIPropertyMetadata(null));

2) Bind the internal control with the dependency property:

<UserControl ... x:Name="control"     ... >

<ListBox ItemsSource="{Binding ElementName=control, Path=ItemsSource}" />  

Edit: Implement the ItemsSource