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.

59

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 - Tire a sua dúvida.
Inicie agora sua carreira de programador por apenas R$54,90/mês
Ainda está em dúvida? Experimente a plataforma durante 3 dias sem cartão. Faça um teste grátis
Conheça agora!
Benefícios
  • Suporte em tempo real
  • Certificado de autoridade
  • Exercícios para praticar
  • Estudo gamificado
  • Planos de estudo para cada carreira de programador

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar