Série da semana: Angular, API RESTful e Banco de Dados

Veja mais
O projeto está inativo

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.

42

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:

Listagem de clientes Tela de cadastro Autocomplete em funcionamento

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.

Sugestão de conteúdo prévio

Suporte ao aluno - Deixe a sua dúvida.
Assinatura Devmedia
Faça parte dessa comunidade 100% focada em programação e tenha acesso ilimitado. Nosso compromisso é tornar a sua experiência de estudo cada vez mais dinâmica e eficiente. Portanto, se você quer programar de verdade seu lugar é aqui. Junte-se a mais de...
+ 800 Mil programadores
,90* / mês
  • Séries
  • Projetos completos
  • Cursos
  • Guias de carreiras
  • DevCasts
  • Desafios
  • Artigos
  • App
  • Suporte em tempo real
A assinatura é cobrado através do seu cartão de crédito. *Tempo minimo de assinatura: 12 meses.
Assinatura Devmedia
Faça parte dessa comunidade 100% focada em programação e tenha acesso ilimitado. Nosso compromisso é tornar a sua experiência de estudo cada vez mais dinâmica e eficiente. Portanto, se você quer programar de verdade seu lugar é aqui. Junte-se a mais de...
+ 800 Mil programadores
Conheça agora!
,90* / mês
  • Séries
  • Projetos completos
  • Cursos
  • Guias de carreiras
  • DevCasts
  • Desafios
  • Artigos
  • App
  • Suporte em tempo real
A assinatura é cobrada através do seu cartão de crédito. *Tempo mínimo de assinatura: 12 meses.