Recommandez la meilleure approche dans cette situation

Question

J'expérimente MVVM et je n'arrive pas à m'en rendre compte.

J'ai une vue (windows) qui a plusieurs contrôles répétés.

Disons que j'ai 4 paires de boutons de texte. Leur comportement devrait être le même, après avoir appuyé sur un bouton apparié zone de texte dit "Bonjour tout le monde!"

J'ai essayé plusieurs options que je pouvais penser:

1. un ViewModel, 4 propriétés de chaîne binded à textboxes, 1 commande
   • Quand je lie chaque bouton à la même commande je ne peux pas Indique quelle propriété doit être définie.
   • La transmission d'une commande à CommandParameter est gênante.
2. Un ViewModel et UserControl qui héberge une zone de texte et un bouton répété 4 fois.
   • Maintenant, j'ai besoin d'exposer toutes les propriétés comme Command, CommandParameter, Text, etc .. On dirait que beaucoup de travail.
   • Impossible de dire quelle propriété doit être mise à jour après un clic.
3. Chaque UserControl a une ViewModel
   • Cela résout en cliquant le bouton et réglage de la propriété, mais maintenant je n'ai pas la moindre idée comment extraire des textes de ViewModels imbriqués dans la fenêtre ViewModel.

est-il un autre moyen? Je pense que DataTemplates pourrait être utile, mais je ne sais pas comment.

Answer 1

Ce que vous décrivez est une idée tellement abstraite et artificielle que cela ne justifie pas MVVM. Vous parlez de TextBox es et Buttons, qui sont tous 'View', et non pas la façon de penser MVVM. Vous commenceriez presque toujours avec un modèle.

Il n'y a pas de "modèle" en soi ici; votre spécification est littéralement pour définir la valeur d'un TextBox sur un clic Button. La liste apparemment aléatoire de «4» articles (choisis de nulle part) et un TextBox apparemment inutile ne signifie rien.

Cela mis à part et en supposant que vous avez un ensemble de 4 entités commerciales, chacune avec un champ sur eux qui est modifiable utilisateur, et une action que l'utilisateur peut déclencher, vous feriez ceci:

• Créer une classe ViewModel pour représenter un élément - par exemple MyItemModel
• Créer une classe ViewModel pour représenter l'ensemble des éléments (il est probable que renvoyer une collection de la première) - par exemple AllMyItemsListModel

Alors, pour la Afficher:

• Créer un ItemsControl, avec ItemsSource lié à une instance de la « collection » de la deuxième classe ViewModel
• Pour chaque ItemTemplate, un modèle ou UserControl pour chaque élément
• Dans le modèle ou UserControl, lier la propriété Text de TextBox à la propriété appropriée de la première classe
• Lier la propriété de Button à une propriété de première classe en renvoyant un ICommand - en utilisant RelayCommand par exemple

Je ne sais pas ce que vous entendez par « extraire des textes de ViewModels imbriqués à la fenêtre ViewModel » - qu'est-ce que cela signifie et pourquoi voudriez-vous faire?

Espérons que ça aide.

Answer 2

Numéro 3. Sauf qu'il y aurait juste un UserControl avec viewmodel et ensuite la page principale qui aurait plusieurs instances de ce UserControl dessus. Si la fenêtre principale a besoin d'informations provenant du UserControl, vous pouvez le passer à travers des événements ou utiliser quelque chose comme MVVM Light et sa classe messenger.

Answer 3

Il n'est pas nécessaire de créer un ViewModel séparé pour un contrôle réutilisable ayant un comportement aussi simple. Juste en ajoutant un peu de DependencyProperties et un gestionnaire d'événements à UserControl simple, vous pouvez réutiliser la logique et ne définir que les propriétés qui sont réellement différentes sur chaque instance. Pour le XAML UserControl, il vous suffit de connecter le TextBox au DependencyProperty et le gestionnaire Button to a Click.

<DockPanel> 
    <Button Content="Reset" Click="Button_Click"/> 
    <TextBox Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type UserControl}}, Path=Text}"/> 
</DockPanel> 

Le code pour le UserControl a juste besoin de définir les propriétés qui peuvent être liés à l'extérieur et le gestionnaire pour réinitialiser le texte.

public partial class ResetTextBox : UserControl 
{ 
    public static readonly DependencyProperty TextProperty = DependencyProperty.Register(
     "Text", 
     typeof(string), 
     typeof(ResetTextBox), 
     new FrameworkPropertyMetadata(null, FrameworkPropertyMetadataOptions.BindsTwoWayByDefault)); 

    public string Text 
    { 
     get { return (string)GetValue(TextProperty); } 
     set { SetValue(TextProperty, value); } 
    } 

    public static readonly DependencyProperty ResetTextProperty = DependencyProperty.Register(
     "ResetText", 
     typeof(string), 
     typeof(ResetTextBox), 
     new UIPropertyMetadata(String.Empty)); 

    public string ResetText 
    { 
     get { return (string)GetValue(ResetTextProperty); } 
     set { SetValue(ResetTextProperty, value); } 
    } 

    public ResetTextBox() 
    { 
     InitializeComponent(); 
    } 

    private void Button_Click(object sender, RoutedEventArgs e) 
    { 
     Text = ResetText; 
    } 
} 

ensuite d'utiliser la commande que vous avez juste besoin de se lier à vos propriétés de chaîne ViewModel et définissez le texte par défaut qui doit être appliqué sur une remise à zéro qui peut soit être codé en dur ici, ou lié à d'autres propriétés VM.

<StackPanel> 
    <local:ResetTextBox ResetText="One" Text="{Binding Name1}"/> 
    <local:ResetTextBox ResetText="Two" Text="{Binding Name2}"/> 
    <local:ResetTextBox ResetText="Three" Text="{Binding Name3}"/> 
</StackPanel>