Accueil > Silverlight, Silverlight 5 > [SL5] : Silverlight 5 TextSearch on ItemsControl

[SL5] : Silverlight 5 TextSearch on ItemsControl

Autre nouveauté de Silverlight 5 est la faculté de pouvoir rechercher des informations sans un itérateur grace au clavier en tappant du texte.

A titre d’exemple voici un objet tout simple représentant un utilisateur :

 public class User
    {
        public String FirstName
        {
            get;
            set;
        }
        public Int32 Age
        {
            get;
            set;
        }
    }

Maintenant nous souhaiterions pouvoir selectionner un user dans la liste en foncion de ce que nous tappons au clavier, pour cela il suffit de rajouter la propriété attachée TextSearch.TextPath= »NomDeLaProprieteOuLaRechercheDoitEtreFaite » :

  <ListBox ItemsSource="{Binding}"
                 TextSearch.TextPath="FirstName"
                 Width="200"
                 Height="200"
                 HorizontalAlignment="Center"
                 VerticalAlignment="Center"
                 DisplayMemberPath="FirstName" />

Puis une petit séquence de code pour notre jeu de données factice :

InitializeComponent();

            DataContext = new List<User>()
            {
                new User()
                {
                    FirstName= "Jacques",
                    Age=20
                },
                new User()
                {
                    FirstName= "Nicolas",
                    Age=20
                },
                 new User()
                {
                    FirstName= "Pierre",
                    Age=20
                },
                 new User()
                {
                    FirstName= "Paul",
                    Age=20
                },
                 new User()
                {
                    FirstName= "Antoine",
                    Age=20
                },
                 new User()
                {
                    FirstName= "Rémi",
                    Age=20
                },
                 new User()
                {
                    FirstName= "Julie",
                    Age=20
                },
                 new User()
                {
                    FirstName= "Stéphane",
                    Age=20
                },
                 new User()
                {
                    FirstName= "Stéphanie",
                    Age=20
                },
                 new User()
                {
                    FirstName= "Edmond",
                    Age=20
                },
                 new User()
                {
                    FirstName= "Cynthia",
                    Age=20
                },
                 new User()
                {
                    FirstName= "Jean",
                    Age=20
                },
                new User()
                {
                    FirstName= "Bill",
                    Age=20
                },
                new User()
                {
                    FirstName= "Steve",
                    Age=20
                }
            }.OrderBy(x => x.FirstName);

Ainsi en tappant « S » cela a pour effet de sélectionner directement l’occurence Stéphane, si vous continuez jusqu’à « Stéphani » la ListBox sélectionnera « Stéphanie ».

ListBoxTextSearchSilverlight5

Publicités
Catégories :Silverlight, Silverlight 5
  1. Aucun commentaire pour l’instant.
  1. No trackbacks yet.

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion /  Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion /  Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion /  Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion /  Changer )

w

Connexion à %s

%d blogueurs aiment cette page :