我有一个用户控件,我希望这样使用:
// MainPage.xaml
<my:MyControl Data="10" />
<!-- or -->
<my:MyControl Data="{Binding SomeData}" />
这是代码绑定:
public partial class MyControl : UserControl
{
public MyControl() {
InitializeComponent();
}
public const string DataPropertyName = "Data";
public int Data
{
get
{
return (int)GetValue(DataProperty);
}
set
{
SetValue(DataProperty, value);
}
}
public static readonly DependencyProperty DataProperty = DependencyProperty.Register(
DataPropertyName,
typeof(int),
typeof(MyControl),
new PropertyMetadata(10);
}
这是xaml部分:
<UserControl>
<!-- omitted namespaces etc. -->
<Grid x:Name="LayoutRoot">
<Button x:Name="myButton" Content="{Binding Data}">
<Button.Style>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="Button">
<TextBlock Text="{TemplateBinding Content}" />
</ControlTemplate>
</Setter.Value>
</Button.Style>
</Button>
</Grid>
</UserControl>
usercontrol的xaml部分中的关键行是:
<Button x:Name="myButton" Content="{Binding Data}">
我想将此Button的Content属性绑定到UserControl的属性(Data),同时仍然保留从外部设置值的能力(<my:MyControl Data="10" />
)
问题是,当我使用绑定 - <Button x:Name="myButton" Content="{Binding Data}">
时 - 它不起作用(模板绑定不会选择任何值)
但是,如果我手动设置值,即{ - 1}}
答案 0 :(得分:6)
如果要绑定到UserControl
内的“自己”依赖项属性,则需要向x:Name
添加UserControl
并将其用作ElementName
你的约束力。
<UserControl x:Name="myControl">
<!-- omitted namespaces etc. -->
<Grid x:Name="LayoutRoot">
<Button x:Name="myButton"
Content="{Binding Data, ElementName=myControl}">
</Button>
</Grid>
</UserControl>
使Template
也起作用:
而不是TemplateBinding
您需要使用RelativeSource TemplatedParent
sysntax,因为您需要设置Mode=OneWay
(TemplateBinding使用Mode=OneTime
出于性能原因默认但在您的您需要的方案Mode=OneWay
)
<Style TargetType="Button">
<Style.Setters>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="Button">
<TextBlock Text="{Binding Path=Content, Mode=OneWay,
RelativeSource={RelativeSource TemplatedParent}}" />
</ControlTemplate>
</Setter.Value>
</Setter>
</Style.Setters>
</Style>