WPF XAML Bind Grid

Question

J'ai un contrôle utilisateur personnalisé basé sur un contrôle Grid. J'ai un ViewModel qui expose cela comme une propriété. Je voudrais que le XAML sur la vue se lie à cela. Je suis sûr que cela doit être facile mais je suis assez nouveau pour WPF. Comment cela est-il réalisé?

Un grand merci à l'avance

(sous la direction d'ajouter plus d'info)

Exemple de vue sans lier à ViewModel. Notez que j'ai une grille personnalisée qui contient un certain nombre de panneaux de pile personnalisés qui contient un certain nombre de contrôles de contenu à en-tête personnalisé. Ceux-ci sont déterminés pendant le chargement de ViewModel.

<MyCustomGrid:CustomGrid> 
    <MyCustomGrid:CustomStackPanel> 
     <MyCustomGrid:CustomHeaderedContentControl/> 
    </MyCustomGrid:CustomStackPanel> 
    <MyCustomGrid:CustomStackPanel> 
     <MyCustomGrid:CustomHeaderedContentControl/> 
    </MyCustomGrid:CustomStackPanel> 
</MyCustomGrid:CustomGrid> 

ViewModel contient simplement une liste qui contient une liste, etc. Notez que la CustomGrid est une liste car il peut y avoir plus d'un, mais un seul sera lié avec une propriété spécifique.

Answer 1

étapes de base

1. Régler le DataContext du contrôle de l'utilisateur (ou le contrôle/fenêtre contenant votre contrôle utilisateur) à une instance de type de modèle, avec une propriété de données qui est un ObservableCollection<SomeDataType>. Lier le ItemSourceListView à la propriété Data. Lier la propriété DisplayMemberBinding de GridViewColumn aux propriétés de SomeDataType.

Ainsi vous avez quelque chose comme ceci:

<ListView SelectionMode="Single" 
      HorizontalAlignment="Stretch" 
      ItemsSource="{Binding Data}"> 
    <ListView.View> 
     <GridView > 
      <GridViewColumn Header="Name of Prop2" 
          DisplayMemberBinding="{Binding Path=Prop1}" /> 
      <GridViewColumn Header="Name of Prop2" 
          DisplayMemberBinding="{Binding Path=Prop2}" /> 
      <GridViewColumn Header="Name of Prop3" 
          DisplayMemberBinding="{Binding Path=Prop3}" /> 
     </GridView> 
    </ListView.View> 
</ListView> 

Vous pouvez lier à d'autres types, et avoir le contrôle sur la mise en forme, etc., mais c'est le cas simple.

Answer 2

Je suis toujours pas sûr exactement ce que vous voulez atteindre, mais je vais avoir un aller quand même et peut-être nous pouvons itérer à une solution à partir de là.

A en juger par votre code XAML ci-dessus, vous avez plusieurs contrôles personnalisés. Vous avez mentionné que le niveau supérieur est basé sur Grid. Est-ce que Grid est dans le contrôle, ou en tant que ItemPanelTemplate pour un ItemsControl? J'ai l'impression que vous voulez que les données lient le contenu de votre viewmodel, et pour cela vous devez baser vos contrôles personnalisés sur ItemsControl. Corrigez-moi si je me trompe.

Quelque chose comme ça (comme mentionded, ceci suppose MyCustomGrid comme ItemsControl:

<UserControl Name="MyCustomGrid"> 
      <ItemsControl ItemsSource="{Binding Path=MyStackPanelsCollection}"> 
       <ItemsControl.ItemsPanel> 
        <ItemsPanelTemplate> 
         <Grid IsItemsHost="True" /> 
        </ItemsPanelTemplate> 
       </ItemsControl.ItemsPanel> 
       <ItemsControl.ItemContainerStyle> 
        <Style TargetType="{x:Type MyCustomGrid:MyCustomStackPanel}"> 
         <Setter Property="Grid.Row" Value="{Binding Path=GridRow}" /> 
         <Setter Property="Grid.Column" Value="{Binding Path=GridColumn}" /> 
        </Style> 
       </ItemsControl.ItemContainerStyle> 
       <ItemsControl.ItemTemplate> 
        <DataTemplate DataType="{x:Type MyCustomGrid:MyCustomStackPanelViewModel}"> 
         <ContentPresenter Content="{Binding Path=MySerializedObjectTurnedInToControl}" /> 
        </DataTemplate> 
       </ItemsControl.ItemTemplate> 
      </ItemsControl> 
     </UserControl> 

Si ce n'est pas le cas, comme dans vous liez votre CustomStackPanel etc directement à une propriété nommée dans votre viewmodel, il pourrait ressembler à:.

<MyCustomGrid:CustomGrid DataContext="{Binding Path=ViewModel}"> 
    <MyCustomGrid:CustomStackPanel DataContext="{Binding Path=MyFirstStackPanelViewModel}"> 

...

Désolé si je comprends mal encore, je pourrais très bien être manque quelque chose évidente