Cómo utilizar el enlace TwoWay desde un UserControl?

Question

Tengo mi propio UserControl, un LabeledTextBox que es la combinación de un Label y un ... bueno, TextBox. Este control tiene dos propiedades: Caption que se vinculará a la leyenda Label y Value que se vinculará al Text del TextBox.

Código:

public class LabeledTextBox : Control 
{ 
    static LabeledTextBox() 
    { 
     DefaultStyleKeyProperty.OverrideMetadata(typeof(LabeledTextBox), new FrameworkPropertyMetadata(typeof(LabeledTextBox))); 
    } 

    public string Caption 
    { 
     get { return (string)GetValue(CaptionProperty); } 
     set { SetValue(CaptionProperty, value); } 
    } 

    // Using a DependencyProperty as the backing store for Caption. This enables animation, styling, binding, etc... 
    public static readonly DependencyProperty CaptionProperty = 
     DependencyProperty.Register("Caption", typeof(string), typeof(LabeledTextBox), new UIPropertyMetadata("")); 


    public string Value 
    { 
     get { return (string)GetValue(ValueProperty); } 
     set { SetValue(ValueProperty, value); } 
    } 

    // Using a DependencyProperty as the backing store for Value. This enables animation, styling, binding, etc... 
    public static readonly DependencyProperty ValueProperty = 
     DependencyProperty.Register("Value", typeof(string), typeof(LabeledTextBox), new UIPropertyMetadata("")); 


} 

XAML:

<Style TargetType="{x:Type local:LabeledTextBox}"> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type local:LabeledTextBox}"> 
       <Grid> 
        <Grid> 

        <Grid.RowDefinitions> 
         <RowDefinition /> 
         <RowDefinition /> 
        </Grid.RowDefinitions> 

        <Label Grid.Row="0" Content="{TemplateBinding Caption}" /> 
        <TextBox Name="Box" Margin="3,0,3,3" Grid.Row="1" Text="{Binding Value, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}" /> 

        </Grid> 
       </Grid> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

Uso:

<uc:LabeledTextBox Caption="Code:" Value="{Binding ExpenseCode}" /> 

Al principio pensé que había encontrado mi respuesta aquí: WPF TemplateBinding vs RelativeSource TemplatedParent

que detalla los diferen ce entre TemplateBinding y RelativeSource TemplatedParent. Cambié mi código en consecuencia, pero aún siento que me falta un paso. El enlace OneWay funciona, mi cuadro de texto está vinculado a la propiedad Value, pero los cambios no se registran.

¿Cómo hago para que funcione?

Answer 1

Cambie el modo aquí.

<uc:LabeledTextBox Caption="Code:" Value="{Binding ExpenseCode,Mode=TwoWay}" /> 

funcionó en mi extremo

Answer 2

por si alguien tiene este problema:

Otro enfoque (quizás más elegante) sería declarar la propiedad de dependencia del control de usuario de una manera para que por defecto, es de enlace bidireccional (por ejemplo, como el marco de trabajo de TextBox por defecto).

Esto se puede lograr de la siguiente manera (tomado de la respuesta de this Stackoverflow question):

public DependencyProperty SomeProperty = 
     DependencyProperty.Register("Some", typeof(bool), typeof(Window1), 
      new FrameworkPropertyMetadata(default(bool), 
       FrameworkPropertyMetadataOptions.BindsTwoWayByDefault)); 

La clave aquí es utilizar FrameworkPropertyMetadata.