如何使用数据模板处理多个选项卡的启用属性？

Question

我有一个带有两个选项卡的窗口，其中包含两个不同的用户控件。为了启用/禁用到第二个选项卡的导航，我通过IPageViewModel 接口在两个VM 中实现了IsEnabled 属性。

当通过来自CustomerDetailsViewModel 的 Messenger 服务在 CustomerOrdersViewModel 中接收到 SelectedCustomer 时，IsEnabled 布尔属性设置为 true。

到目前为止，此方法有效，因为当我从第一个视图的数据网格中选择客户时，启用了第二个选项卡。但问题是当我尝试选择第一个选项卡以返回初始视图时，它被 禁用。

这是具体导航issue的截屏。

我不知道为什么当我使用 Messenger 将 IsEnabled 属性设置为 true 时，两个选项卡都会启用。

有人对这里的问题有任何建议吗？

在 CustomerDetailsViewModel 中，我通过信使发送 selectedCustomer：

    private CustomerModel selectedCustomer;
    public CustomerModel SelectedCustomer
    {
        get
        {
            return selectedCustomer;
        }
        set
        {
            selectedCustomer = value;
            Messenger.Default.Send<CustomerModel>(selectedCustomer);
            RaisePropertyChanged("SelectedCustomer");
        }
    }

然后在 CustomerDetailsViewModel 中，IsEnabled 属性设置为 true，因为 SelectedCustomer 已被传递：

    public CustomerOrdersViewModel()
    {


        Messenger.Default.Register<CustomerModel>(this, OnCustomerReceived);


    }


    public void OnCustomerReceived(CustomerModel customer)
    {
        SelectedCustomer = customer;
        IsEnabled = true;
    }

这是包含两个用户控件以及为每个控件生成的选项卡的 ApplicationView xaml：

<Window x:Class="MongoDBApp.Views.ApplicationView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:views="clr-namespace:MongoDBApp.Views"
        xmlns:vm="clr-namespace:MongoDBApp.ViewModels"
        Title="ApplicationView"
        Width="800"
        Height="500">

    <Window.Resources>
        <DataTemplate DataType="{x:Type vm:CustomerDetailsViewModel}">
            <views:CustomerDetailsView />
        </DataTemplate>
        <DataTemplate DataType="{x:Type vm:CustomerOrdersViewModel}">
            <views:CustomerOrdersView />
        </DataTemplate>
    </Window.Resources>

    <Window.DataContext>
        <vm:ApplicationViewModel />
    </Window.DataContext>


    <TabControl ItemsSource="{Binding PageViewModels}"
                SelectedItem="{Binding CurrentPageViewModel}"
                TabStripPlacement="Top">
        <TabControl.ItemTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding Name}" />
            </DataTemplate>
        </TabControl.ItemTemplate>
        <TabControl.ItemContainerStyle>
            <Style TargetType="{x:Type TabItem}">
                <Setter Property="IsEnabled" Value="{Binding IsEnabled}"/>
            </Style>
        </TabControl.ItemContainerStyle>
    </TabControl>
</Window>

Answer 1

为什么不将CustomerDetailsViewModel 的IsEnabled 属性默认为true？

这是一个应该始终启用的选项卡，所以这对我来说最有意义。

Answer 2

我假设您将新的 ViewModel（CustomerDetails 或 CustomerOrders）分配给 CurrentPageViewModel。每当您这样做时，都会创建一个新的类对象，默认情况下 IsEnabled 设置为 false。
解决方法是在与您的视图 (ApplicationViewModel) 关联的 ViewModel 中创建 IsEnabled 属性。然后在 ItemContrainerStyle 中引用如下：

 <Setter Property="IsEnabled" Value="{Binding RelativeSource={RelativeSource AncestoryType=Window}, Path=DataContext.IsEnabled}"/>

TabControlPages 的 ViewModel 中既不需要 IsEnabled 也不需要 Messages，因为您的 IsEnabled 属性驻留在主 ViewModel 中，并且两个 TabPage 都引用它。编辑
过了一会儿，我意识到默认情况下它会被禁用，因为 IsDefault 一开始就等于 false。这很复杂，因为您没有显式创建 TabPage。我为此附上了完整的解决方案，看看 here.