Autocomplete e ajax

giovedì 30 aprile 2015 - 16.55

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

Elenco Tags C# | .NET 4.0 | Javascript

svipla Profilo | Senior Member

361 messaggi | Data Invio: gio 30 apr 2015 - 16:55

Ciao a tutti
Vorrei inserire l'autocomplete in una pagina.
Sto utilizzando questo script:


<script type="text/javascript" src="/Scripts/Typeahead/typeahead.bundle.min.js"></script>
<script type="text/javascript" src="/Scripts/Typeahead/typeahead.jquery.min.js"></script>
<script type="text/javascript" src="/Scripts/Typeahead/bloodhound.min.js"></script>
<script type="text/javascript" src="/Scripts/Typeahead/handlebars.js"></script>
<script type="text/javascript" src="/Scripts/Typeahead/typeahead.css"></script>

<script type="text/javascript">
var comuni = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.obj.whitespace('comune'),
queryTokenizer: Bloodhound.tokenizers.whitespace,
local: [{
id: 1,
comune: "Città1",
provincia: "Provincia1"
},{
id: 2,
comune: "Città2",
provincia: "Provincia2"
},{
id: 3,
comune: "Città3",
provincia: "Provincia3"
},{
id: 4,
comune: "Città4",
provincia: "Provincia1"
},{
id: 5,
comune: "Città5",
provincia: "Provincia1"
},{
id: 6,
comune: "Città6",
provincia: "Provincia1"
},{
id: 7,
comune: "Città7",
provincia: "Provincia2"
}]
});

comuni.initialize();

$('.typeahead').typeahead({
minLength: 3
},
{
name: 'data',
displayKey: 'comune',
source: comuni.ttAdapter(),
templates: {
empty: [
'<div class="empty-message">',
'Nessun risultato',
'</div>'
].join('\n'),
suggestion: Handlebars.compile('<p><strong>{{comune}}</strong><br />{{provincia}}</p>')
}
});

</script>


Vorrei rendere tutto dinamico attraverso una chiamata ajax. Quindi quando un utente digita una lettere inviare i dati ad un file .ashx e visualizzare i risultati.
Solo che la documentazione è poco chiara e non trovo esempi.
Grazie mille

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !