为选项卡项中的视图设置数据上下文

本文关键字:视图 置数据 上下文 选项 | 更新日期: 2023-09-27 18:36:00

在我的窗口资源中,我有一个用于视图模型的数据模板和一个静态主视图模型

<Window.Resources>
        <DataTemplate DataType="{x:Type SharedViewModels:DatabaseViewModel}">
            <SharedViews:DatabaseView/>
        </DataTemplate>
        <LocalViewModels:SharedSettingsViewModel x:Key="SharedSettingsViewModel"/>
</Window.Resources>

DatabaseViewModel是我的静态SharedSettingsViewModel中的一个实例我有这个选项卡控件

<TabControl DataContext="{Binding Source={StaticResource SharedSettingsViewModel}}" ItemsSource="{Binding SharedSettingsViewModelsTabList}">
                        <TabControl.ItemTemplate>
                            <DataTemplate>
                                <ContentPresenter Content="{Binding Content}"/>
                            </DataTemplate>
                        </TabControl.ItemTemplate>
                    </TabControl>

我像这样将项目添加到我的 TabControl 项目中

SharedSettingsViewModelTabList.Add(new Shared.Models.TabItem() { Header = "Sql Databases", Content = DatabaseViewModel });

如何将DatabaseView的数据上下文设置为SharedSettingsViewModel中的DatabaseViewModel实例?

在我的视图中 数据库视图 XAML,这是我尝试过的用户控件

DataContext="{Binding DatabaseViewModel}"

但这似乎不起作用

这是我的标签项模型

public class TabItem : MVVM.ObservableObject
    {
        public string Header { get; set; }
        public MVVM.ObservableObject Content { get; set; }
    }

我的数据库视图模型,它将在共享设置视图模型中定义为属性

 private ObservableCollection<Models.Database> databases;
 public ObservableCollection<Models.Database> Databases
        {
            get
            {
                if (databases == null)
                {
                    databases = new ObservableCollection<Models.Database>();
                    databases.Add(new Models.Database() { Displayname = "new" });
                }
                return databases;
            }
            set
            {
                SetField(ref databases, value, "Databases");
            }
        }

这是我的共享设置视图模型,其中包含选项卡项集合

public class SharedSettingsViewModel : MVVM.ObservableObject 
    {
    private ObservableCollection<Shared.Models.TabItem> SharedSettingsViewModelTabList;
    public ObservableCollection<Shared.Models.TabItem> SharedSettingsViewModelTabList
            {
                get
                {
                    if (sharedSettingsViewModelTabList == null)
                    {
                        sharedSettingsViewModelTabList = new ObservableCollection<Shared.Models.TabItem>();
                    }
                    return sharedSettingsViewModelTabList;
                }
            }
    //my DatabaseViewModel property..as a child view model
            private Shared.ViewModels.DatabaseViewModel databaseViewModel;
            public Shared.ViewModels.DatabaseViewModel DatabaseViewModel
            {
                get
                {
                    if (databaseViewModel == null)
                    {
                        databaseViewModel = new Shared.ViewModels.DatabaseViewModel();
                    }
                    return databaseViewModel;
                }
                set
                {
                    SetField(ref databaseViewModel, value, "DatabaseViewModel");
                }
            }
}

为选项卡项中的视图设置数据上下文

您必须

按如下方式更新代码,您的DatabaseViewModel将成为您DatabaseViewDataContext,这将是ContentTemplate TabControl ContentPresenter Content DataTemplate

       <TabControlDataContext="{Binding Source={StaticResource SharedSettingsViewModel}}" ItemsSource="{Binding SharedSettingsViewModelsTabList}">
            <TabControl.ContentTemplate>
                   <DataTemplate>
                        <ContentPresenter Content="{Binding Content}"/>
                    </DataTemplate>
            </TabControl.ContentTemplate>
            <TabControl.ItemContainerStyle>
                <Style TargetType="TabItem">
                    <Setter Property="Header" Value="{Binding Header}"/>
                </Style>
            </TabControl.ItemContainerStyle>
        </TabControl>