MVVM 하위 컨트롤 바인딩

예를들어 View의 UserControl의 DataContext에 데이터를 주입하고

 <local:CardCancelControl DataContext="{Binding CardCancelData}" />

이런식으로...

유저컨트롤에서 버튼 커맨드를 넣었을때

 <Button Content="확인" Command="{Binding DataContext.CardCancelCommand}"  CommandParameter="Cancel" />

이런식으로 넣으면 안된다. datacontext안에 서 command를 호출하기 때문이다

이렇게 할려면 상위에서 DataContext를 빼야 작동한다.

그러면 상위에서 호출되게 할려면 어떻게 해야할까.

 <Button Content="확인" Command="{Binding Path=DataContext.CardCancelCommand,

                        RelativeSource={RelativeSource Mode=FindAncestor,

                        AncestorType={x:Type local:PopupControl}}}" CommandParameter="Cancel" />

이렇게 하면 된다.

참고 : https://stackoverflow.com/questions/3404707/access-parent-datacontext-from-datatemplate