c# - 当设计中已经存在一个或多个选项卡时，如何在 WPF MVVM 中动态添加选项卡控件

Question

我在 wpf 的设计时向选项卡控件添加了 1 个选项卡。现在我想使用 MVVM 模式向选项卡控件添加额外的选项卡

下面是我的代码和我尝试过的。

    <TabControl ItemsSource="{Binding ContainerTabItems, Mode=TwoWay}" SelectedIndex="{Binding WizardModel.TabIndexValue, Mode=TwoWay}" x:Name="tabControl1">
        <TabControl.Items>    
        <TabItem Header="Page Configuration">
                <Button Content="Search" x:Name="btnSearch" Command="{Binding SearchClick}" /> 
                </Grid>
        </TabItem>

        </TabControl.Items>
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <TabItem Header="{Binding Header}">
                    <TabItem.Content>
                        <ContentControl Content="{Binding UcContainer}"></ContentControl>
                    </TabItem.Content>
                </TabItem>
            </DataTemplate>
        </ItemsControl.ItemTemplate>

    </TabControl>

当我单击 btnSearch 按钮时，我必须使用 MVVM 将新选项卡添加到 tabcontrol

void SearchClickCommand_Execute(object parameter)
{
    ContainerTabItems.Add(new ContainerTab()
             {
                   Header="Search",
                   UcContainer=new SearchGrid(newSearchContainer())
             });
}

Answer 1

看看this answer .您基本上创建了一组 View 模型，每个选项卡一个，并将其绑定(bind)到 TabControl的ItemSource属性(property)。