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中检查我的viewmodel上的属性“IsEditable”，并根据其值显示LabelledTextBlockControl或LabelledTextBoxControl？

Answer 1

您可以在DataTrigger中使用DataTemplate：

<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设置它们：< / p>

<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可视化不同类型的用户控件

2 个答案: