WPF UserControl - SelectedItem of a Usercontrol DataGrid to bind to a ItemSource to DataGrid outside the UserControl

Question

Hi, My WPF UserControl knowledge is like an hour old. So please forgive me if there are plenty of tutorials or/and answers on SO regarding this question (To be honest I dont think this can be done and will need to re-do code... hence why I thought I ask)

So before creating a UserControl, I had a datagrid that fliters customers based on what text the user typed in a Textbox. Once found, the SelectedItem of that filter DataGrid is then used to bind to a new DataGrid containing a new collection.

So....

Filter DataGrid XAML

SelectedItem="{Binding SelectedCustomer, Mode=TwoWay}"
ItemsSource="{Binding Source={StaticResource cvsCustomers}}"

Once the User selects a Customer in that grid,

a new DataGrid would contain rows of properties based on the SelectedCustomer

ItemsSource="{Binding SelectedCustomer.CustomerOrders}"

All well and good and it works.

However, I am going to use this Filter Customer results functionality a lot in my project, so I have created a UserControl in which the filter DataGrid is working.

I have put this UserControl in a view, so the problem is I need whatever the selectedItem is in the Usercontrol to be bounded to a DataGrid in the view. (Like above)

So I need something like this in the DataGrid in the View.

ItemsSource="{Binding ElementName=myUserControl, Path=SelectedCustomer.CustomerOrders}"

Ok a bit long winded but I hope you understand the problem, and I have given enough knowledge on the subject at hand. If I done something wrong, please tell me and just down vote the question.

Cheers

Please see answer at http://stackoverflow.com/a/28224531/1575237 — bugged87, Jan 29 '15 at 22:21

score 5 · Accepted Answer · answered Apr 30 '14 at 08:32

You can add a new dependency property to your custom usercontrol and bind your datagrid items source to that property. Make sure to handle selection changed event on your user control's data grid and set the dependency property to the selected item.

   public object MySelectedItem
        {
            get { return (object)GetValue(MySelectedItemProperty); }
            set { SetValue(MySelectedItemProperty, value); }
        }

    // Using a DependencyProperty as the backing store for MySelectedItem.  This enables animation, styling, binding, etc...
    public static readonly DependencyProperty MySelectedItemProperty =
        DependencyProperty.Register("MySelectedItem", typeof(object), typeof(YOURUSERCONTROLTYPE), new UIPropertyMetadata(null));

handle the selection changed event

   public YourUserControl()
        {
            InitializeComponent();
            dgv.SelectionChanged += dgv_SelectionChanged; 

        }

    void dgv_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            MySelectedItem = dgv.SelectedItem;
        }

and then bind to

ItemsSource="{Binding ElementName=myUserControl, Path=MySelectedItem.CustomerOrders}"

Hi Deva, looks sensible. I am working on something else right now, but I will test and mark as correct when I can, thanks! — user3428422, Apr 30 '14 at 08:41
@Marko Devcic, It works, but only in one way. Namely, pass value from `DataGrid` to `DependencyProperty`. But what if I want to pass value back? From outer code to `DataGrid` — monstr, Jul 02 '14 at 05:49

WPF UserControl - SelectedItem of a Usercontrol DataGrid to bind to a ItemSource to DataGrid outside the UserControl

1 Answers1

Linked