WPF lier DataContext en XAML à ViewModel dans le code

Question

Je cette version simplifiée de mon application en XAML:

<UserControl 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
     xmlns:uc="clr-namespace:myApp.MyControls"  
     x:Class="myApp.View.MyItem" 
     x:Name="testWind" 
     Width="Auto" Height="Auto" Background="White"> 
    <Grid x:Name="LayoutRoot"> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="*"/> 
     </Grid.RowDefinitions> 
     <GroupBox x:Name="GroupBox" Header="G" Grid.Row="0"> 
      <WrapPanel> 
       <GroupBox x:Name="GroupBox11"> 
        <StackPanel Orientation="Vertical"> 
         <uc:customControl1 Margin="0,4,0,0" 
              property1="{Binding prop1.property1}" 
              property2="{Binding prop1.property2}" 
              property3="{Binding prop1.property3}"/> 
         <uc:customControl2 Margin="0,4,0,0" 
              property1="{Binding prop2.property1}" 
              property2="{Binding prop2.property2}" 
              property3="{Binding prop2.property3}"/> 
        </StackPanel> 
       </GroupBox> 
      </WrapPanel> 
     </GroupBox> 
    </Grid> 
</UserControl> 

En C# J'ai ceci:

namespace MyApp.ViewModel 
{ 
    public class MyItemViewModel 
    { 
     public object prop1 { get; set; } 
     public object prop2 { get; set; } 
    } 
} 

Dans MyItem.cs Je le fais :

namespace MyApp.View 
{ 
    public partial class MyItem : UserControl 
    { 
     public MyItem() 
     { 
      this.InitializeComponent(); 
      MyItemViewModel vm = new MyItemViewModel(); 
      vm.prop1 = new blah blah(); // setting properties 
      vm.prop2 = new blah blah(); // setting properties 
      this.DataContext = vm; 
     } 
    } 
} 

Lorsque vous avez trop de contrôles, cela peut devenir difficile à maintenir. Alors, comment puis-je savoir XAML faire quelque chose comme:

<uc:customControl1 Margin="0,4,0,0" DataContext="prop1"/> 
    <uc:customControl2 Margin="0,4,0,0" DataContext="prop2"/> 

Answer 1

vous pouvez simplement donner chaque contrôle un nom unique

<uc:customControl1 x:Name="mycontrol1" Margin="0,4,0,0" DataContext="prop1"/> 
<uc:customControl2 x:Name="mycontrol2" Margin="0,4,0,0" DataContext="prop2"/> 

puis dans votre code, vous pouvez simplement modifier le contexte des données

mycontrol1.DataContext = vm1; 
    mycontrol2.DataContext = vm2;