有的时候,需要利用UserControl占位模板,动态替换的情况,绑定后无法获取DataContext的问题,特此备注下
效果如下:
关键的地方是,下面第3行,需要把当前的上下文传递到Content,生成绑定的ContentTemplate才能获取到绑定在UserControl的DataContext
<Style TargetType="UserControl">
<Setter Property="ContentTemplate" Value="{StaticResource SingleDataTemplate}" />
<Setter Property="Content" Value="{Binding}" />
<Style.Triggers>
<DataTrigger Binding="{Binding ElementName=rabtn,Path=IsChecked}" Value="false">
<Setter Property="ContentTemplate" Value="{StaticResource MultipleTemplate}" />
</DataTrigger>
</Style.Triggers>
</Style>
下面是完成的前后端代码:
<Window x:Class="VideoAndAudioDemo.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:VideoAndAudioDemo"
mc:Ignorable="d"
Title="MainWindow" Height="450" Width="800">
<Window.Resources>
<DataTemplate x:Key="SingleDataTemplate">
<RadioButton Content="{Binding Name}" />
</DataTemplate>
<DataTemplate x:Key="MultipleTemplate">
<CheckBox Content="{Binding Name}" />
</DataTemplate>
<Style TargetType="UserControl">
<Setter Property="ContentTemplate" Value="{StaticResource SingleDataTemplate}" />
<Setter Property="Content" Value="{Binding}" />
<Style.Triggers>
<DataTrigger Binding="{Binding ElementName=rabtn,Path=IsChecked}" Value="false">
<Setter Property="ContentTemplate" Value="{StaticResource MultipleTemplate}" />
</DataTrigger>
</Style.Triggers>
</Style>
</Window.Resources>
<Grid>
<StackPanel>
<StackPanel Orientation="Horizontal">
<TextBlock Text="我是模板:" />
<UserControl/>
</StackPanel>
<StackPanel Orientation="Horizontal" Margin="0 20 0 0">
<RadioButton x:Name="rabtn" IsChecked="True" GroupName="selected" Content="单选" />
<RadioButton GroupName="selected" Content="多选" />
</StackPanel>
</StackPanel>
</Grid>
</Window>
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Linq;
using System.Media;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
namespace VideoAndAudioDemo
{
/// <summary>
/// MainWindow.xaml 的交互逻辑
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
var vm = new MainWindowViewModel();
DataContext = vm;
vm.Name = "测试";
}
}
public class MainWindowViewModel : INotifyPropertyChanged
{
public event PropertyChangedEventHandler PropertyChanged;
private string name;
public string Name
{
get => name;
set
{
name = value;
PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(nameof(Name)));
}
}
}
}