Reputation: 309
I have created a usercontrol, which has 2 dependency properties. I want to bind those dependency properties to the mainViewModel's property, so that whenever something gets changed in the user-control the parent's property gets updated.
I tried, binding it normally but it didn't work. How can I bind the user-control's DP to the parent's property.
I tried this: UC:
<TextBox Name="TextBox" Text="{Binding ElementName=UCName, Path=DP1, Mode=TwoWay}"/>
MainWindow:
<UCName:UCName Width="330" CredentialName="{Binding Path=DP1, Mode=TwoWay}"></UCName:UCName>
Thanks
Upvotes: 10
Views: 23779
Reputation: 429
For binding to the parent's properties you should use RelativeSource in your Binding. Like this:
<TextBox Name="TextBox" Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type UCName:UCName}}, Path=DP1, Mode=TwoWay}"/>
Details: RelativeSource Markup Extension
Note: Don't forget define namespace UCName.
Upvotes: 22
Reputation: 1140
Something like this:
<MainWindow DataContext="mainViewModel">
<local:TestControl ucDependProp="{Binding viewModelProp}/>
</MainWindow>
className: TestControl.xaml
<UserControl Name="thisControl">
<TextBox Text="{Binding ElementName=thisControl, Path=ucDependProp}/>
</UserControl>
The user control shouldn't be aware of the parent view model.
Upvotes: 6