ListView 上的 WPF DataTemplate 以可视化不同类型的用户控件

Question

我有一个 ListView，我想根据为列表视图项设置的视图模型显示不同类型的用户控件。

在xaml中：

    <ListView ItemsSource="{Binding Items}">
        <ListView.Resources>
            <DataTemplate DataType="{x:Type viewModels:LabelledTextViewModel}">
                <controls:LabelledTextBox/>
            </DataTemplate>
            <DataTemplate DataType="{x:Type viewModels:FolderChooserViewModel}">
                <standardControls:FolderChooser/>
            </DataTemplate>
        </ListView.Resources>
    </ListView>

现在这工作正常，但我的 LabelledTextViewModel 可以编辑或不可编辑。我如何在 XAML 中说检查我的视图模型上的属性 "IsEditable"，并根据其值显示 LabelledTextBlockControl 或 LabelledTextBoxControl?

Answer 1

您可以在 DataTemplate 中使用 DataTrigger:

<ListView ItemsSource="{Binding Items}">
    <ListView.Resources>
        <DataTemplate DataType="{x:Type viewModels:LabelledTextViewModel}">
            <Grid>
                <controls:LabelledTextBlockControl x:Name="textBlock"/>
                <controls:LabelledTextBoxControl x:Name="textBox" Visibility="Collapsed"/>
            </Grid>
            <DataTemplate.Triggers>
                <DataTrigger Binding="{Binding IsEditable}" Value="True">
                    <Setter TargetName="textBlock" Property="Visibility" Value="Collapsed"/>
                    <Setter TargetName="textBox" Property="Visibility" Value="Visible"/>
                </DataTrigger>
            </DataTemplate.Triggers>
        </DataTemplate>
        <DataTemplate DataType="{x:Type viewModels:FolderChooserViewModel}">
            <standardControls:FolderChooser/>
        </DataTemplate>
    </ListView.Resources>
</ListView>

Answer 2

根据您的要求，您需要使用 DataTemplateSelector Class 为您做出选择，或者您可以尝试命名您的 DataTemplate 并使用 DataTrigger 进行设置:

<ListView>
    <ListView.Resources>
        <DataTemplate x:Key="DefaultDataTemplate" DataType="{x:Type viewModels:LabelledTextViewModel}">
            <controls:LabelledTextBox/>
        </DataTemplate>
        <DataTemplate x:Key="AnotherDataTemplate" DataType="{x:Type viewModels:FolderChooserViewModel}">
            <standardControls:FolderChooser/>
        </DataTemplate>            
    </ListView.Resources>
    <ListView.Style>
        <Style TargetType="{x:Type ListView}">
            <Setter Property="ItemTemplate" Value="{StaticResource DefaultDataTemplate}" />
            <Style.Triggers>
                <DataTrigger Binding="{Binding IsEditable}" Value="True">
                    <Setter Property="ItemTemplate" Value="{StaticResource AnotherDataTemplate}" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </ListView.Style>
</ListView>

此示例假设您将 DataTemplate 设置为 ItemTemplate 属性...如果不是，您需要将属性更改为相关的。

ListView 上的 WPF DataTemplate 以可视化不同类型的用户控件

WPF DataTemplate on ListView to visualize different kinds of user controls

wpf

listview

datatemplate