Asp.net Mvc Jquery Autocomplete

Asp.net Mvc Jquery Autocomplete işlemi için ilk önce controller ımız bir action açıyoruz ve view sayfamıza autocomplete yapması için veri listesini gönderiyoruz aşağıdaki kodları yazıyoruz.

 

public ActionResult Baslik(string bas)
        {
            using (db)
            {
                var v = db.Makaleler.Where(c => c.Baslik.StartsWith(bas)).Select(c => c.Baslik).ToList();

                return Json(v, JsonRequestBehavior.AllowGet);
            }
        }

 

daha sonra view ımıza bir textbox ekliyoruz bu textbox ımızın id sini "Baslik" yapıyoruz.

 

<input type="text" id="Baslik" />

 

Bu işlemden sonra sıra javascript kodlarımızda burda actiondan veriileri textbox a çekmesi sağlıyoruz

 

<script>
    $(document).ready(function () {
        $('#Baslik').autocomplete({
            autoFocus: true,
            minLength: 1,
            source: '@Url.Action("Baslik", "Home")'
        });
    });
</script>

 

Bütün işlemlerden sonra autocomplete işlemi tamamdır..


Etiketler : Jquery Autocomplete Jquery Autocomplete

  • Mehmet A
  • 24.07.2017 13:54:09
  • 0 Yorum
  • 3320 Okunma

Henüz yorum yapılmamış ilk yorumu siz yapabilirsiniz.


  • Yeni Yüklenenler

  • C# textbox autocomplete
    C# textbox autocomplete "otomatik tamamlama" textbox a girilen değirin otomatik tamamlaması
  • İlişkisel Cebir
    İlişkisel cebir (Relational Algebra) biçimsel bir sorgu dili olarak tanımlanabilir.
  • Fiziksel Veri Tabanı Modellemesi
    Fiziksel veritabanı nedir? Fiziksel veritabanı fiziksel tasarımının mantıksal yapısı.
  • Veritabanı Kavramsal Tasarımı
    Veritabanı tasarım safhalarında gösterildiği gibi ihtiyaçlar analizini takip eder ve veritabanında tutulacak olan verilerin yüksek seviyede bir gösterimini verir.
  • Veritabanı Mimarileri
    Veritabanlarının mimari yapıları ve özellikleri.