根据ViewModel类型为ItemsControl选择DataTemplate

Question

我尝试使用不同模板的ItemsControl显示项取决于其viewModel类型。在第一次看，我是认为它可以做到像我们平时在做ContentControl：

<ItemsControl ItemsSource="{Binding MyViewModelCollection}"> 
      <ItemsControl.ItemsPanel> 
       <ItemsPanelTemplate> 
        <WrapPanel Orientation="Horizontal"/> 
       </ItemsPanelTemplate> 
      </ItemsControl.ItemsPanel> 
      <ItemsControl.ItemTemplate> 
       <DataTemplate DataType="{x:Type myNameSpace:myViewModel1}"> 
        <myNameSpace:myControl2/> 
       </DataTemplate> 
       <DataTemplate DataType="{x:Type myNameSpace:myViewModel2}"> 
        <myNameSpace:myControl2/> 
       </DataTemplate> 
      </ItemsControl.ItemTemplate> 
     </ItemsControl> 

但不幸的是，你不能有两个DataTemplate在ItemsControl.ItemTemplate。 我发现了一个小技巧来做到这一点。

Answer 1

在您的XAML代码只是ItemsControl.Resources更换ItemsControl.ItemTemplate标签，它应该工作。

<ItemsControl ItemsSource="{Binding MyViewModelCollection}"> 
    <ItemsControl.ItemsPanel> 
     <ItemsPanelTemplate> 
      <WrapPanel Orientation="Horizontal"/> 
     </ItemsPanelTemplate> 
    </ItemsControl.ItemsPanel> 
    <ItemsControl.Resources> 
     <DataTemplate DataType="{x:Type myNameSpace:myViewModel1}"> 
      <myNameSpace:myControl2/> 
     </DataTemplate> 
     <DataTemplate DataType="{x:Type myNameSpace:myViewModel2}"> 
      <myNameSpace:myControl2/> 
     </DataTemplate> 
    </ItemsControl.Resources> 
</ItemsControl> 

Answer 2

所以你可以把ContentControl改成ItemsControlDataTemplate它可以工作。

 <ItemsControl ItemsSource="{Binding MyViewModelCollection}"> 
      <ItemsControl.ItemsPanel> 
       <ItemsPanelTemplate> 
        <WrapPanel Orientation="Horizontal"/> 
       </ItemsPanelTemplate> 
      </ItemsControl.ItemsPanel> 
      <ItemsControl.ItemTemplate> 
       <DataTemplate> 
        <ContentControl Content="{Binding}"> 
         <ContentControl.Resources> 
          <ResourceDictionary> 
          <DataTemplate DataType="{x:Type myNameSpace:myViewModel1}"> 
           <myNameSpace:myControl2/> 
          </DataTemplate> 
          <DataTemplate DataType="{x:Type myNameSpace:myViewModel2}"> 
           <myNameSpace:myControl2/> 
          </DataTemplate> 
          </ResourceDictionary> 
         </ContentControl.Resources> 
        </ContentControl> 
       </DataTemplate> 
      </ItemsControl.ItemTemplate> 
     </ItemsControl>