Você está desenvolvendo um sistema para uma loja e, para o atendimento mais rápido ao cliente final, foi solicitado que quando o atendente comece a digitar o código de algum produto, automaticamente já tenha uma funcionalidade para reconhecer o que o atendente está digitando e completar o campo com códigos que tenham essas iniciais. Isso é possível de se implementar? Sim, é possível!
Uma das maneiras de se implementar essa funcionalidade é utilizando o AutoCompleteExtender, um controle do Ajax. Com esse controle, a partir das letras que estão sendo inseridas em um TextBox, é feita uma pesquisa para retornar as palavras que iniciam com essas mesmas letras. Essa funcionalidade é muito útil em comércios, onde o usuário digita apenas as inicias do código de um produto e é retornado uma lista para ele escolher.
Para isso, é necessário ter em seu projeto a DLL do AjaxControlToolkit.
Para testar a funcionalidade, digite a letra "a", "f", ou "s" no campo abaixo:
Nesse caso, fizemos o teste com apenas uma letra, recuperando as palavras diretamente da classe. Porém, no caso de um comércio, também é possível fazer uma pesquisa no banco de dados, recuperando quais palavras têm a(s) letra(s) digitada(s) e retornando na lista de sugestões.
Veja algumas propriedades importantes do AutoCompleteExtender:
• MinimumPrefixLength: a partir de quantas letras a pesquisa será feita;
• CompletionInterval: a partir de quantos milisegundos após digitar as letras será feita a pesquisa;
• CompletionSetCount: quantidade de palavras sugeridas;
• FirstRowSelected: se o primeiro registro da lista de sugestões será selecionado como padrão;
• TargetControlID: qual componente utilizará o AutoCompleteExtender;
• ServiceMethod: o método que será utilizado para pesquisa a(s) palavra(s);
Para verificar como a lista de sugestões foi criada, para o campo dessa página, verifique na imagem abaixo.