Dall'archivio script > Silverlight 4.0

Aggiornare la proprietà in binding in tempo reale durante la scrittura in una TextBox in Silverlight 4.0

di Cristian CiveraCristian Civera, in Silverlight 4.0,

L'engine di binding in Silverlight è uno strumento molto potente e altrettanto flessibile, che ci permette un'ottima organizzazione del codice soprattutto in ottica Model-View-ViewModel, in cui possiamo avere una buona separazione delle responsabilità di ogni classe.
In molte delle nostre pubblicazioni abbiamo visto come il ViewModel rappresenti il gestore dei dati - da e verso - l'interfaccia, appunto la View. Con la proprietà Mode=TwoWay, il valore modificato dall'utente nell'interfaccia si propaga verso la proprietà in binding, nel controllo TextBox questa propagazione avviene alla perdita del focus sul controllo. Grazie all'uso della classe EventTrigger, dell'assembly System.Windows.Interactivity (di cui abbiamo già parlato anche nello script #102), possiamo realizzare un TriggerAction che scateni l'aggiornamento del binding direttamente ogni volta che viene digitato un carattere, in concomitanza dell'evento TextChanged.

Di seguito vediamo UpdateSourceBindingAction quale l'implementazione del nostro TriggerAction:

/// <summary>
/// Update the source calling BindingExpression.Update for the specified property
/// </summary>
[Description("Update the source calling BindingExpression.Update for the specified property")]
public class UpdateSourceBindingAction : TriggerAction<FrameworkElement>
{
    public readonly static DependencyProperty PropertyProperty = DependencyProperty.Register("Property", typeof(String), typeof(UpdateSourceBindingAction), new PropertyMetadata(null, OnPropertyChanged));

    private DependencyProperty property;

    /// <summary>
    /// Initializes a new instance of the <see cref="UpdateSourceBindingAction"/> class.
    /// </summary>
    public UpdateSourceBindingAction()
    {
    }

    /// <summary>
    /// Gets or sets the property to update.
    /// </summary>
    /// <value>The property.</value>
    public String Property
    {
        get { return this.GetValue(PropertyProperty) as String; }
        set { this.SetValue(PropertyProperty, value); }
    }

    /// <summary>
    /// Called after the action is attached to an AssociatedObject.
    /// </summary>
    protected override void OnAttached()
    {
        base.OnAttached();

        SearchProperty();
    }

    private static void OnPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        UpdateSourceBindingAction u = (UpdateSourceBindingAction)d;
        u.SearchProperty();
    }

    private void SearchProperty()
    {
        if (this.AssociatedObject == null)
        {
            this.property = null;
            return;
        }

        string propertyName = this.Property + "Property";
        FieldInfo field = this.AssociatedObject.GetType().GetField(propertyName, System.Reflection.BindingFlags.FlattenHierarchy | System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static);
        if (field != null)
            this.property = field.GetValue(null) as DependencyProperty;
        else
            this.property = null;
    }

    /// <summary>
    /// Invokes the specified o.
    /// </summary>
    /// <param name="o">The o.</param>
    protected override void Invoke(object o)
    {
        if (property == null) return;

        BindingExpression be = this.AssociatedObject.GetBindingExpression(this.property);
        if (be != null)
            be.UpdateSource();
    }
}

Il suo utilizzo è molto semplice, ecco un esempio:

<TextBox Text="{Binding Testo, Mode=TwoWay}">
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="TextChanged">
            <behaviors:UpdateSourceBindingAction Property="Text" />
        </i:EventTrigger>
    </i:Interaction.Triggers>
</TextBox>

A seguito dell'evento TextChanged viene invocato il metodo Invoke della classe TriggerAction che recupera l'espressione di binding associata alla proprietà Text (descritta con la proprietà Property), di cui forza esplicitamente la propagazione del valore verso la proprietà di destinazione, definita nell'espressione di binding.

In allegato potete trovare la classe e un esempio completo.

Commenti

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn
Aggiorna

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi