Desenvolvendo para web

ASP.NET 3.5, AJAX, LINQ, Segurança, Silverlight, Web Mobile.

Um recurso que pode muito facilitar a vida do usuário em nossas aplicações Silverlight é o AutoComplete TextBox presente no Silverlight Toolkit.
O Silverlight Toolkit é um conjunto de controles do Silverlight, componentes e serviços atualmente ele contra-se na versão Novembro 2009 e possui 26 novos controles que abrange gráficos, estilo, layout entre outros.
O AutoComplete TextBox facilita muito quando temos algum tipo de formulário que o usuário precisa preencher e temos um grande números de opções para aquele campo.

Você vai precisar:
Visual Studio 2010 beta ou Expression Blend e o Silverlight Toolkit.

Vamos iniciar um novo projeto Silverlight usando o Expression Blend.

Figura 1 : Novo Projeto

Logo em seguida vamos adicionar dois namespaces em nosso projeto:
System.Windows.Controls
System.Windows.Controls.Input
Você as encontra em C:\Program Files\Microsoft SDKs\Silverlight\v3.0\Libraries\Client
Adicione em seu código XAML

Figura 2 : Incluindo Namespaces

E adicione em “References”

Figura 3: References

Para este exemplo vamos construir um formulário .
Primeiro vamos definir o layout de nosso grid.

Figura 4: Grid

Vamos inserir 4 “TextBlock”(Nome,Sobrenome,Profissão,Linguagem,Email),3 “TextBox(Nome,Sobrenome,Email)”.
Nesse ponto vamos adicionar os campos no qual queremos usar o recurso do autoComplete.Nesse exemplo vamos escolher profissão e linguagem.Lembre-se de identificar os campos x:Name=”ProfissaoBox” e x:Name=”LinguagemBox”.
E por fim um botão para envio do formulário.

Figura 5: Inserindo elementos

Nosso formulário deve ficar da seguinte maneira.

Figura 6 : Design do formulário

Agora é hora de trabalhar em nossa MainPage.cs
Vamos chamar os controles criados em nosso xaml e popular.Para isso criamos um array de string com as informações que desejamos adicionar em nosso autoCompleteTextBox.

Figura 7: Populando controles

Vamos compilar a aplicação e ver o resultado
Repare que ao digitarmos o caractere “A” já vemos o resultado do nosso autoComplete.

Figura 8 : AutoCompleteTextBox funcionando

Figura 9 : AutoCompleteTextBox funcionando

Espero que tenham gostado até a próxima.

Aprofunde seus conhecimentos sobre este tema na comunidade Silverlight

Para saber mais:
Official Site Silverlight
Visual Studio 2010 beta
Silverlight Toolkit


Anderson Castro

Tags: autocomplete, silverlight, textbox, toolkit

Comentar

Você precisa ser um membro de Desenvolvendo para web para adicionar comentários!

Entrar em Desenvolvendo para web

Vittor Borges Comentário de Vittor Borges em 18 janeiro 2010 às 14:17
Bela dica
Gesmar Junior Comentário de Gesmar Junior em 18 janeiro 2010 às 7:05
Show de bola!
Obrigado pela força na comunidade!

Abraço..
Adriano Lisboa Corrêa Comentário de Adriano Lisboa Corrêa em 18 janeiro 2010 às 6:54
Muito obrigado, vou confessar que estava a procura de algo como isso a muito tempo.
Parabéns pelo trabalho.

Abraço
Fernando Gonçalves Comentário de Fernando Gonçalves em 16 janeiro 2010 às 23:30
É isso ai Anderson, mais conteúdo para a comunidade se movimentar e estudar as funcionalidades e possibilidades do Silverlight.

Parabéns!!!

[]'s,
Fernando Gonçalves

© 2010   Criado por Ramon Durães   Ativado por .

Badges  |  Relatar um incidente  |  Termos de serviço