使用 TabControl (MVVM) 显示不同的 ViewModel

赞主

我编写了一个具有不同 ViewModel 的应用程序，一个用于用户、组和机器。每个 ViewModel 都有自己的 View。我正在使用 Caliburn.Micro。现在我在带有按钮的视图之间切换，如下所示：

XAML：

     <StackPanel Orientation="Horizontal">
                <Button VerticalAlignment="Top" Margin="5" Height="30" x:Name="ShowUsers" Content="Users"/>
                <Button VerticalAlignment="Top" Margin="5" Height="30" x:Name ="ShowGroups" Content="Groups"/>
                <Button VerticalAlignment="Top" Margin="5" Height="30" x:Name ="ShowMachines" Content="Machines"/>
            </StackPanel>
<ContentControl Grid.Row="1" x:Name="ActiveItem"/>

C＃：

public AdminViewModel(GroupManagementViewModel groupManagementViewMode, MachineManagementViewModel machineManagementViewModel, UserManagementViewModel userManagementViewModel)
        {
            this._groupManagementViewModel = groupManagementViewMode;
            this._machineManagementViewModel = machineManagementViewModel;
            this._userManagementViewModel = userManagementViewModel;
        }

        protected override void OnActivate()
        {
            base.OnActivate();
            ShowUsers();
        }

        public void ShowUsers()
        {
            ActivateItem(_userManagementViewModel);
        }

        public void ShowGroups()
        {
            ActivateItem(_groupManagementViewModel);
        }

        public void ShowMachines()
        {
            ActivateItem(_machineManagementViewModel);

我想使用 TabControl 更改这些按钮，我尝试了几件事，现在我的代码如下所示：

XAML（带 Tabcontrol）：

<TabControl>
            <TabItem Header="User" x:Name="ShowUsers">
               
            </TabItem>
            
            <TabItem Header="Groups" x:Name="ShowGroups">
                
            </TabItem>
            <TabItem Header="Machines" x:Name="ShowMachines">
              
            </TabItem>
           
        </TabControl>
        <ContentControl Grid.Row="1" x:Name="ActiveItem"/>

所以我在我的 ViewModel 中给了 TabItems 命令的 x:Name 但它只为每个 TAB 显示相同的视图模型

我会非常感谢每一个提示。

此致

赞恩

毫米8

使用 Caliburn.Micro，视图中的 XAML 标记应该像这样简单：

<TabControl x:Name="Items" />

然后视图模型应该继承Conductor<T>.Collection.OneActive并将选项卡视图模型添加到Items属性中：

public class AdminViewModel : Conductor<object>.Collection.OneActive
{
    public AdminViewModel(GroupManagementViewModel groupManagementViewMode, 
        MachineManagementViewModel machineManagementViewModel, 
        UserManagementViewModel userManagementViewModel)
    {
        Items.Add(groupManagementViewMode);
        Items.Add(machineManagementViewModel);
        Items.Add(userManagementViewModel);
    }
}

选项卡视图模型应该从Screen. 然后您可以设置DisplayName它们的属性来修改选项卡标题。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。