Question

我想基于ViewModel的属性动态选择ControlTemplate。我该如何实现。

我在View中有2个ControlTemplates，在ViewModel中有一个布尔属性。基于该属性，我必须在视图中选择并显示我的ControlTempale之一。

<Window.Resources>
        <ControlTemplate x:Key="simpleErrorTemplate">
            <TextBox Margin="10,10,10,5" TextWrapping="Wrap" VerticalScrollBarVisibility="Auto" Text="T1" />
        </ControlTemplate>
        <ControlTemplate x:Key="detailedErrorTemplate">
            <StackPanel>
                <TextBox Margin="10,10,10,5" TextWrapping="Wrap" VerticalScrollBarVisibility="Auto" Text="T2" />
                <TextBox Margin="10,10,10,5" TextWrapping="Wrap" VerticalScrollBarVisibility="Auto" Text="T3" />
                <TextBox Margin="10,10,10,5" TextWrapping="Wrap" VerticalScrollBarVisibility="Auto" Text="T4" />
            </StackPanel>
        </ControlTemplate>
    </Window.Resources>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
            <RowDefinition Height="50" />
        </Grid.RowDefinitions>
        <ContentControl Grid.Row="0" DataContext="{Binding Report}">
            <ContentControl.Style>
                <Style TargetType="ContentControl">
                    <Setter Property="Template" Value="{StaticResource simpleErrorTemplate}"/>
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding IsTyping}" Value="True">
                            <Setter Property="Template" Value="{StaticResource detailedErrorTemplate}"/>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </ContentControl.Style>
        </ContentControl>
        <CheckBox Margin="10,0,0,0" Grid.Row="1" x:Name="ChkShowDetails" IsChecked="{Binding IsTyping, Mode=TwoWay,    UpdateSourceTrigger=PropertyChanged}">Show Details</CheckBox>
    </Grid>

因此，基于IsTyping的值，我想显示我的ControlTemplate。如果我直接将元素绑定到Control模板，它将可以使用，但这不是我的要求。

Answer 1

将数据触发器绑定到正确的DataContext，即与绑定到CheckBox的对象相同：

<DataTrigger Binding="{Binding DataContext.IsTyping, RelativeSource={RelativeSource AncestorType=ContentControl}}" Value="True">
    <Setter Property="Template" Value="{StaticResource detailedErrorTemplate}"/>
</DataTrigger>

Answer 2

我认为您可以做一些简单的事情

使用ContentControl's ContentTemplateSelector实现所需的功能。

ContentTemplateSelector是一个自定义类，它将根据您的数据切换模板。

这将为您提供一个想法：http://www.wpftutorial.net/datatemplates.html

如何基于ViewModel中的属性动态更改ControlTemplate？

2 个答案: