爲什麼tabitem不顯示視圖

我在MVVM上工作，我有主視圖，其中我有一個tabcontrol和3個tabitems。現在點擊每個tabitems我想顯示一個新的視圖。（我有三個意見）。爲什麼tabitem不顯示視圖

我嘗試這樣做，就是：

<Window x:Class="WpfApplication1.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:vm1="clr-namespace:WpfApplication1" 
     xmlns:vm2="clr-namespace:WpfApplication1" 
     xmlns:vm3="clr-namespace:WpfApplication1" 
     Title="MainWindow" Height="350" Width="525"> 
    <Window.Resources> 
     <vm1:View1 x:Key="View1Display1"></vm1:View1> 
     <vm2:View2 x:Key="ViewDisplay2"></vm2:View2> 
     <vm3:View3 x:Key="ViewDisplay3"></vm3:View3> 
    </Window.Resources> 
    <Grid x:Name="LayoutRoot" Background="White"> 
     <TabControl Background="Green"> 
      <TabItem Height="20" Width="100" Header="Tab1" DataContext="{Binding Path=View1Display1}"></TabItem> 
      <TabItem Height="20" Width="100" Header="Tab2" DataContext="{Binding Path=View1Display2}"></TabItem> 
      <TabItem Height="20" Width="100" Header="Tab3" DataContext="{Binding Path=View1Display3}"></TabItem> 
     </TabControl>   
    </Grid> 
</Window>

其中視圖1是：（類似的視圖2和視圖3）

<UserControl x:Class="WpfApplication1.View1" 
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      mc:Ignorable="d" 
      d:DesignHeight="300" d:DesignWidth="300"> 
    <Grid> 
     <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center">I am from View1</TextBlock> 
    </Grid> 
</UserControl>

MainWindow.xaml.cs是：

public partial class MainWindow : Window 
{ 
    public MainWindow() 
    { 
     InitializeComponent(); 
     this.DataContext = new ViewModel(); 
    }   
}

這是ViewModel：

class ViewModel 
{ 
    public ViewModel() 
    { 
    } 
}

爲什麼TabItem在點擊它們時不會顯示相應的視圖，即使我已經設置了與其視圖相對應的datacontext。

來源

2016-02-05 test test

而不是每個TabItem結合DataContext，你需要綁定的Content，然後你可以將每個TabItem的綁定到其ViewModel的實例，做的是，在用戶控件他們異體

<TabControl Background="Green"> 
     <TabItem Height="20" Width="100" Header="Tab1" Content="{StaticResource View1Display1}"></TabItem> 
     <TabItem Height="20" Width="100" Header="Tab2" Content="{StaticResource ViewDisplay2}"></TabItem> 
     <TabItem Height="20" Width="100" Header="Tab3" Content="{StaticResource ViewDisplay3}"></TabItem> 
    </TabControl>

自您的意見被定義爲靜態資源使用StaticResource而不是綁定

來源

2016-02-05 10:54:43 Usama

您是否還知道要設置它爲Datacontext？（儘管我糾正了我的錯誤） –

要使用DataContext設置內容，您需要爲每個TabItem定義DataTemplate，並使用DataType屬性（https://msdn.microsoft.com/zh-cn/library/system.windows .datatemplate.datatype（v = vs.110）.aspx），有很多關於這個的文章和問題 – Usama

爲什麼tabitem不顯示視圖

回答

相關問題