如何通过XAML在WPF TabControl内添加控件

Question

我有以下XAML，TabControl，它绑定到ObservableCollection并创建我的选项卡很好。

<Window x:Class="BA_Auditing.AuditWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     Title="BizeAsset - Audit Results" Height="700" Width="1120" WindowStartupLocation="CenterScreen" WindowState="Maximized"> 
    <Grid> 
     <TabControl Name="ModuleTabControl" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="5" ItemsSource="{Binding}" > 
      <TabControl.ItemTemplate> 
       <DataTemplate> 
        <TextBlock>        
         <TextBlock Text="{Binding DISPLAY_NAME}"/> 
        </TextBlock> 
       </DataTemplate> 
      </TabControl.ItemTemplate> 

      <TabControl.ContentTemplate> 
       <DataTemplate> 
        <Grid> 
         <Grid.RowDefinitions> 
          <RowDefinition /> 
          <RowDefinition Height="Auto" /> 
          <RowDefinition /> 
         </Grid.RowDefinitions> 
         <Grid Grid.Row="0"> 
          <Grid.ColumnDefinitions> 
           <ColumnDefinition /> 
           <ColumnDefinition /> 
          </Grid.ColumnDefinitions> 
          <TextBlock Grid.Column="0" Text="Search:" HorizontalAlignment="Right"/> 
          <TextBox x:Name="tbxSearch" Grid.Column="1"/> 
         </Grid> 
         <TextBlock Grid.Row="2" Text="Items Selected: 0 of 908" /> 
        </Grid> 
       </DataTemplate> 
      </TabControl.ContentTemplate> 
     </TabControl> 
    </Grid> 
</Window> 

接着我想填充每个标签区域与控制下一级，其中将包括Label，TextBox另一TabControl和TextBlock。

我以前在WinForms写这个，这是什么样子：

什么XAML我是否需要添加到做到这一点？
那是因为我是通过结合，而不是字面添加TabItem

[编辑]
我试图进入控制到在的TabItem的身体TabControl.ContentTemplate但是没有显示动态设计它。

Answer 1

我想如果你有"WW - Wastewater"选项卡上的“点击”，你会看到正在生成的东西（的搜索框，等等） - 这是因为在默认情况下未选中的选项卡。

无论如何，这里有一些代码让你更接近你想要的 - 这只是为了让你开始，你需要添加其他管道代码（更改通知等）。

我不知道你打算在“服务”选项卡中有什么......所以不知道你是否可以用同样的方式处理它们，例如“资产”。你也可能想明确定义网格列的名称，而不是让它们自动生成 - 在其他地方你可以找到一些技术来做到这一点。

<Window x:Class="WpfApp38.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
     xmlns:local="clr-namespace:WpfApp38" 
     mc:Ignorable="d" 
     Title="MainWindow" Height="350" Width="525"> 
    <Grid> 
     <TabControl Name="ModuleTabControl" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Margin="5" ItemsSource="{Binding}" SelectedIndex="0" > 
      <TabControl.ItemTemplate> 
       <DataTemplate> 
        <TextBlock>        
         <TextBlock Text="{Binding DISPLAY_NAME}"/> 
        </TextBlock> 
       </DataTemplate> 
      </TabControl.ItemTemplate> 

      <TabControl.ContentTemplate> 
       <DataTemplate> 
        <Grid> 
         <Grid.RowDefinitions> 
          <RowDefinition Height="Auto"/> 
          <RowDefinition Height="*" /> 
          <RowDefinition Height="Auto"/> 
         </Grid.RowDefinitions> 
          <Grid Grid.Row="0"> 
           <Grid.ColumnDefinitions> 
            <ColumnDefinition /> 
            <ColumnDefinition /> 
           </Grid.ColumnDefinitions> 
           <TextBlock Grid.Column="0" Text="Search:" HorizontalAlignment="Right"/> 
           <TextBox x:Name="tbxSearch" Grid.Column="1"/> 
          </Grid> 
         <TabControl Grid.Row="1" ItemsSource="{Binding SubCategories}"> 
          <TabControl.ItemTemplate> 
           <DataTemplate> 
            <TextBlock Text="{Binding DISPLAY_NAME}"/> 
           </DataTemplate> 
          </TabControl.ItemTemplate> 
          <TabControl.ContentTemplate> 
           <ItemContainerTemplate> 
            <DataGrid AutoGenerateColumns="True" ItemsSource="{Binding Assets}"> 
            </DataGrid> 
           </ItemContainerTemplate> 
          </TabControl.ContentTemplate> 
         </TabControl> 
         <TextBlock Grid.Row="2" Text="Items Selected: 0 of 908" /> 
        </Grid> 
       </DataTemplate> 
      </TabControl.ContentTemplate> 
     </TabControl> 
    </Grid> 
</Window> 

using System; 
using System.Collections.Generic; 
using System.Collections.ObjectModel; 
using System.Linq; 
using System.Text; 
using System.Threading.Tasks; 
using System.Windows; 
using System.Windows.Controls; 
using System.Windows.Data; 
using System.Windows.Documents; 
using System.Windows.Input; 
using System.Windows.Media; 
using System.Windows.Media.Imaging; 
using System.Windows.Navigation; 
using System.Windows.Shapes; 

namespace WpfApp38 
{ 
    public class InfrastructureCateogry 
    { 
     public string DISPLAY_NAME { get; set; } 

     public ObservableCollection<AssetCategory> SubCategories { get; set; } 
    } 

    public class AssetCategory 
    { 
     public string DISPLAY_NAME { get; set; } 

     public ObservableCollection<AssetRecord> Assets { get; set; } 
    } 

    public class AssetRecord 
    { 
     public string AssetID { get; set; } // make it an int 
     public string AssetType { get; set; } 
     public string LastUpdateBy { get; set; } // make this a DateTime object 
     public string LastUpdateDate { get; set; } // make this a DateTime object 
    } 

    /// <summary> 
    /// Interaction logic for MainWindow.xaml 
    /// </summary> 
    public partial class MainWindow : Window 
    { 
     private ObservableCollection<InfrastructureCateogry> infrastructurecategories = new ObservableCollection<InfrastructureCateogry>(); 

     public MainWindow() 
     { 
      InitializeComponent(); 

      var x = new InfrastructureCateogry() 
      { 
       DISPLAY_NAME = "AR - Roads and Bridges", 
       SubCategories = new ObservableCollection<AssetCategory> 
       { 
        new AssetCategory 
        { 
         DISPLAY_NAME = "Lines", 
         Assets = new ObservableCollection<AssetRecord> 
         { 
          new AssetRecord 
          { 
           AssetID = "20040927104600", 
           AssetType = "Gravity Main", 
           LastUpdateDate = "07/05/2015 17:01:55 PM" 
          }, 
          new AssetRecord 
          { 
           AssetID = "20150507170116", 
           AssetType = "Relined", 
           LastUpdateDate = "07/05/2015 17:01:15 PM" 
          } 
         } 
        }, 
        new AssetCategory 
        { 
         DISPLAY_NAME = "Points" 
        }, 
        new AssetCategory 
        { 
         DISPLAY_NAME = "Plant/Components" 
        }, 
        new AssetCategory 
        { 
         DISPLAY_NAME = "Services" 
        } 
       } 
      }; 

      infrastructurecategories.Add(x); 

      var x2 = new InfrastructureCateogry(); 
      x2.DISPLAY_NAME = "WW - WasteWater"; 

      infrastructurecategories.Add(x2); 

      this.DataContext = infrastructurecategories; 
     } 
    } 
}