Como criar autocomplete em ASP.NET MVC
Neste exemplo veremos como implementar o recurso de autocomplete em uma aplicação ASP.NET MVC, que permite ao usuário localizar um valor em uma lista com facilidade, usando o plugin jQuery EasyAutocomplete.
Projeto já adicionado aos favoritos. Clique aqui para ver todos seus favoritos
Obrigado pela sua avaliação, deixe o seu feedback nos comentários :D
Apresentação
Autocomplete em ASP.NET MVC
Durante esse exemplo veremos como usar biblioteca EasyAutocomplete, que será a responsável por exibir uma lista de opções em um campo de texto enquanto o usuário digita. Com isso implementaremos o recurso de autocomplete em uma aplicação ASP.NET MVC.
Aqui, ao cadastrar um cliente o usuário deverá indicar sua cidade. Esse valor, porém, deve ser selecionado em uma lista pré-definida, configurando o relacionamento 1:N entre as entidades Cliente e Cidade.
As telas da aplicação podem ser vistas abaixo:
Tecnologias utilizadas
Para desenvolver a aplicação de exemplo usamos o ASP.NET MVC em conjunto com o Entity Framework (para o acesso ao banco de dados). No front-end usamos o Bootstrap em sua versão 4 (beta3), a jQuery e o plugin EasyAutocomplete, baseado na jQuery. A atualização da lista de opções no autocomplete é feita via Ajax, mas isso ficará por conta do plugin.