Bilmek istediğin her şeye ulaş

Yazdığınız ilk harften itibaren, öneri sunan arama barı nasıl yapılır?

İşe şuradan başlayabilirsin: jqueryui.com/autocomplete

Genel isim olarak auto complete olarak geçer bu işlem. Bunun için kendin de kod yazarak oluşturabilirsin ancak çok zahmetli olur, göründüğü kadar basit değil. Fakat bu tarz işlemler için hazır komponentler kullanmakta bir zarar yok, elbette işini tam görüyor ise.
  • Paylaş
Code
$('#yazar').autocomplete({
//yazar autocomplete yapmak istediğin input[text]
source: function (request, response) {
$.ajax({
//url veri alabilceğin alan
url: "/YanAlan/YazarlariGetir",
data: { kelime: request.term },
dataType: 'json',
type: 'POST',
success: function (data) {
response($.map(data, function (item) {
return {
label: item.YazarAdi,
value: item.YazarAdi
}
}));
}
})
},
minLength: 1
});

jquery ve jqueryui kütüphanelerini eklemeyi unutma
  • Paylaş
Arkadaşların söyledikleri doğru. Autocomplete olarak geçmekle beraber, typehead.js kütüphanesini kullanmanı öneririm. Twitter'ın bize sunmuş olduğu güzel hareketlerden birisidir ;)

twitter.github.io/typeahead.js
  • Paylaş
Ajax ile yapiliyor. Ajax auto complete tam ismi.
  • Paylaş
Sonraki Soru
HESAP OLUŞTUR

İstatistikler

286 Görüntülenme7 Takipçi4 Yanıt