[英]Binding wrapped viewmodels to TabControl
I've been trying to auto-populate my TabControl, and have been looking at this question , though it doesn't quite cover wrapped VMs and I can't figure it out. 我一直在尝试自动填充我的TabControl,并且一直在研究这个问题 ,尽管它不能完全覆盖包装好的VM,我也无法弄清楚。
My MainViewModel 我的MainViewModel
public class MainActionViewModel : ViewModelBase
{
private readonly IDialogService dialogService;
public ObservableCollection<ViewVM> Views { get; set; }
public MainActionViewModel(IDialogService dialogService)
{
this.dialogService = dialogService;
ObservableCollection<ViewVM> views = new ObservableCollection<ViewVM>
{
new ViewVM{ ViewDisplay="Inspections", ViewType = typeof(InspectionsView), ViewModelType = typeof(InspectionsViewModel)},
new ViewVM{ ViewDisplay="Defects", ViewType = typeof(SecurityView), ViewModelType = typeof(SecurityViewModel)},
new ViewVM{ ViewDisplay="Planned Works", ViewType = typeof(SecurityView), ViewModelType = typeof(SecurityViewModel)},
new ViewVM{ ViewDisplay="Security", ViewType = typeof(SecurityView), ViewModelType = typeof(SecurityViewModel)}
};
Views = views;
RaisePropertyChanged("Views");
}
}
My MainView 我的主视图
<Window x:Class="AptAction.MainAction"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:local="clr-namespace:AptAction"
mc:Ignorable="d"
d:DesignHeight="500" d:DesignWidth="700"
Title="AptAction">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<TabControl Grid.Row="1" ItemsSource="{Binding Views}" SelectedIndex="0">
<TabControl.Resources>
<DataTemplate DataType="{x:Type local:InspectionsViewModel}">
<local:InspectionsView/>
</DataTemplate>
<DataTemplate DataType="{x:Type local:SecurityViewModel}">
<local:SecurityView/>
</DataTemplate>
</TabControl.Resources>
<TabControl.ItemTemplate>
<DataTemplate>
<TextBlock Text="{Binding ViewDisplay}" />
</DataTemplate>
</TabControl.ItemTemplate>
</TabControl>
<TextBlock x:Name="UIMessage" Text="" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0,0,8,0" Foreground="{StaticResource DarkBrightBrush}"/>
<ContentControl x:Name="Holder" Grid.Row="2" />
</Grid>
</Window>
The content of the TabItems are display the description LibsView.ViewVM, what do I need to change/add to get it to display the actual view properly? TabItem的内容显示为LibsView.ViewVM描述,我需要更改/添加什么才能使其正确显示实际视图?
You should add instances of InspectionsViewModel
and SecurityViewModel
to your ObservableCollection
instead of adding ViewVM
objects to it. 您应该将InspectionsViewModel
和SecurityViewModel
实例添加到ObservableCollection
而不是向其中添加ViewVM
对象。
Create a common base class (or interface) that both InspectionsViewModel
and SecurityViewModel
inherit from and change the type of your collection to ObservableCollection<BaseType>
: 创建一个由InspectionsViewModel
和SecurityViewModel
都继承的公共基类(或接口),并将集合的类型更改为ObservableCollection<BaseType>
:
public MainActionViewModel()
{
ObservableCollection<BaseType> views = new ObservableCollection<BaseType>
{
new InspectionsViewModel(),
new SecurityViewModel()
};
Views = views;
}
You could also use an ObservableCollection<object>
since both your classes already implicitly inherit from object
. 您还可以使用ObservableCollection<object>
因为两个类都已隐式继承自object
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.