Contar els caràcters escrits a una caixa de text amb Silverlight

Silverlight és una tecnologia completament integrada amb .NET que utilitza XAML com a llenguatge per definir la interficia. Aquest llenguatges està dins les llibreries que conformen WPF. XAML és un llenguatge estructurat com un XML que permet definir els components gràfics juntament amb els seus estils, events i triggers.

Una cosa tant senzilla com és contar els caràcters que escrivim a una caixa de text que amb Html hem de fer ús de una llibreria Javascript amb XAML utilitzem el concepte d’enllaç de dades (databinding).

El següent codi XAML mostra una caixa de text juntament amb una etiqueta que mostra el numero de caràcters escrits. La manera és enllaçar l’etiqueta amb la propietat Length del control TextBox.

<StackPanel Orientation="Vertical" Margin="50">
  <TextBlock Text="Tweet (max 140 characters)" />
  <TextBox x:Name="tweetText" MaxLength="140"  Text="Right now I'm writing a book" />   
<StackPanel Orientation="Horizontal">
    <TextBlock Text="{Binding Text.Length, ElementName=tweetText}" />
    <TextBlock Text="/" />
    <TextBlock Text="{Binding MaxLength, ElementName=tweetText}" />
  </StackPanel>
 </StackPanel>

Que fàcil oi? Aquest és el resultat.

La font està al blog http://10rem.net/blog/2009/06/24/from-silverlight-in-action-2nd-edition-ui-element-binding

Anuncis

Deixa un comentari

Fill in your details below or click an icon to log in:

WordPress.com Logo

Esteu comentant fent servir el compte WordPress.com. Log Out / Canvia )

Twitter picture

Esteu comentant fent servir el compte Twitter. Log Out / Canvia )

Facebook photo

Esteu comentant fent servir el compte Facebook. Log Out / Canvia )

Google+ photo

Esteu comentant fent servir el compte Google+. Log Out / Canvia )

Connecting to %s