WPVM MVF: liaison d'un ViewModel différent à chaque TabItem?

J'ai une fenêtre principale avec un contrôle onglet contenant 2 tabItems:

WPVM MVF: liaison d'un ViewModel différent à chaque TabItem?

J'ai actuellement 1 ViewModel services Tab1 & Tab2. Cette ViewModel est en train de devenir un peu gonflé avec floue SOC. Je veux diviser la logique en 2 viewmodel: ViewModel 1 & ViewModel2. Ma compréhension est que vous pouvez définir la Fenêtre Principale DataContext à une Base ViewModel qui détient une collection de ViewModels & ensuite, vous pouvez faire valoir chaque TabItem à un autre ViewModel.

L'exemple que j'ai vu de ces Viewmodel exposer une ObservableCOllection comme suit:

private ObservableCollection<ViewModel1> _viewModelCollection
Public Observable Collection<ViewModel1> ViewModelCollection
{
   get { return _viewModelCollection; }
   set
     {
        _viewModelCollection = value;
        OnPropertyChanged("ViewModelCollection");
     }
}

public BaseViewModel()
{
  ViewModelCollection = new ObservableCollection<ViewModel1>();
  ViewModelCollection.Add(new ViewModel1(Tab1);
  ViewModelCollection.Add(new ViewModel1(Tab2);
}

Mais comment puis-je attribuer une autre ViewModel pour chaque TabItem? Je voudrais Tab1= ViewModel1 & Tab2=ViewModel2?

source d'informationauteur Hardgraf

  1. 24

    Vous pouvez en effet ajouter le point de vue des modèles pour vos onglets pour principal modèle de vue. Vous pouvez ensuite lier à l'enfant les modèles de vue dans le XAML de vos onglets.

    Dire que vous avez trois viewmodel: MainViewModelTab1ViewModelet Tab2ViewModel. Sur votre MainViewModel vous gardez une collection de votre onglet viewmodel:

    class MainViewModel
{
    ObservableCollection<object> _children;

    public MainViewModel()
    {
        _children = new ObservableCollection<object>();
        _children.Add(new Tab1ViewModel());
        _children.Add(new Tab2ViewModel());
    }

    public ObservableCollection<object> Children { get { return _children; } }
}

    Après le réglage de la DataContext de votre fenêtre principale de votre MainViewModel vous pouvez lier le DataContext de vos onglets par la référence à la Children propriété:

    <TabControl>
    <TabItem DataContext="{Binding Children[0]}" x:Name="Tab1" Header="Tab1" >
      <!-- Tab content -->
    </TabItem>
    <TabItem DataContext="{Binding Children[1]}" x:Name="Tab2" Header="Tab2" >
      <!-- Tab content -->
    </TabItem>
</TabControl>
  2. 3

    - Je utiliser un framework comme Prism, qui permet de définir des régions et de l'utilisation de la RegionManager. Vous pouvez ensuite définir une ContentControl comme le " ui " pour le TabItem

    Ensuite, vous pouvez utiliser le RegionManager.RequestNavigate pour remplir une région nommée avec un point de vue particulier (et de notre point de vue de l'importation d'un viewmodel et de définir leurs datacontext).

  3. 2
    class MainViewModel
{
    ObservableCollection<object> _children;

    public MainViewModel()
    {
        _children = new ObservableCollection<object>();
        _children.Add(new Tab1ViewModel());
        _children.Add(new Tab2ViewModel());
    }

    public ObservableCollection<object> Children { get { return _children; } }
}

    Maintenant dans le code XAML lient les Enfants à ItemsSource. Il va générer chaque Onglet pour chaque viewmodel, nous avons ajouté dans la collection observable

        <TabControl ItemsSource="{Binding Children}"/>