WPF TabControl 绑定 Source 动态加载标签页

Rudolph.W

已于 2025-03-25 14:04:17 修改

阅读量239

点赞数 2

文章标签： wpf

于 2025-03-25 09:44:35 首次发布

本文链接：https://blog.csdn.net/mmlh009719/article/details/146493938

版权

先贴上 DeepSeek 的 Demo代码

Xaml:

<TabControl ItemsSource="{Binding Tabs}">
    <TabControl.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding Header}" />
        </DataTemplate>
    </TabControl.ItemTemplate>
    <TabControl.ContentTemplate>
        <DataTemplate>
            <DataGrid ItemsSource="{Binding Data}" />
        </DataTemplate>
    </TabControl.ContentTemplate>
</TabControl>

ViewModel:

public class TabViewModel
{
    public string Header { get; set; }
    public ObservableCollection<DataItem> Data { get; set; }
}

public class MainViewModel
{
    public ObservableCollection<TabViewModel> Tabs { get; set; }

    public MainViewModel()
    {
        Tabs = new ObservableCollection<TabViewModel>
        {
            new TabViewModel { Header = "Tab 1", Data = new ObservableCollection<DataItem>(/* 数据 */) },
            new TabViewModel { Header = "Tab 2", Data = new ObservableCollection<DataItem>(/* 数据 */) }
        };
    }
}

但是实际操作中<DataGrid ItemsSource="{Binding Data}" /> Binding对象并不能找到 Data，依然是 Tabs 对象。经测试这里应该修改代码如下

<TabControl.ContentTemplate>
    <DataTemplate DataType="{x:Type pages:Data}">
        ......
    </DataTemplate>
</TabControl.ContentTemplate>

或者使用<TabControl.Resources>

<TabControl.Resources>
    <DataTemplate DataType="{x:Type pages:Data}">
        ......
    </DataTemplate>
</TabControl.Resources>