Autocomplete jquery ui

Question

Bom Dia pessoal,

Estou trabalhando com "webpage AspNet com razor", não estou conseguindo implementar um input text com "Autocomplete do jquery UI" que busca as Cidades de uma tabela MySql, alguém teria um exemplo pra me passar.

Agradeço antecipadamente pela ajuda,

Mauro

 

Answer 1

Otoni, bom dia!!

dá uma verificada no link abaixo que tem um exemplo de como implementar o Autocomplete com jquery ui.

http://blogs.msdn.com/b/stuartleeks/archive/2012/04/23/asp-net-mvc-amp-jquery-ui-autocomplete.aspx

Abraços,

Answer 2

Bom dia Samuel,

Então Samuel este exemplo é para o MVC, eu estou usando WebPages com Razor, eu deveria ser capaz de adaptar este exemplo para meu propósito, mais não conheço o MVC AspNet.

De qualquer maneira, valeu.

M Otoni

Answer 3

Com seu conhecimento de WebMatrix é só você adaptar o exemplo que ele mostrou.

<input type="text" id="somevalue" name="somevalue"/>

//javascript:

<script type="text/javascript" language="javascript"> 
    $(document).ready(function () { 
        $('#somevalue').autocomplete({ 
            source: '/Autocomplete.cshtml',
        }); 
    }) 
</script>

//Autocomplete.cshtml:

 @{
   var term = Request["somevalue"];

    var items = new[] {"Apple", "Pear", "Banana", "Pineapple", "Peach"};

    var filteredItems = items.Where( 
        item => item.IndexOf(term, StringComparison.InvariantCultureIgnoreCase) >= 0 
        );

   Json.Write(filteredItems, Response.Output);
 }

Eu não trabalho com WebMatrix, mas tentei adaptar o exemplo, não faço ideia se funciona, se precisa adicionar using etc, mas ai você termina de acertar.