Merhaba Değerli Asp.net mvc okuyucuları bugünkü makalemizde asp.net mvcde jquery ile actionresult tetikleme işlemlerini anlatacağız. Jquery ile action tetikleme işlemi sayesinde projelerinizde size bir çok kolaylık sağlayacaktır. Aşağıda bu işlemlerim aşamaları anlatılmıştır.
Öncelikle işlemlerimizi teorik olarak hayal edelim; Bir kullanici tablomuz olsun ve de kullaniciya ait iş tablosu olsun biz projemizde işler butonuna tıkladığımızda işler tablosunda buluna tüm kayıtlarımızı getirsin ayrıca getirilen bilgilerin yanında kullanıcı listesi dropdownlist etiketine yüklensin daha sonra dropdown içerisinden herhandi bir kullanıcıyı seçtiğimizde o kullanıcıya ait işler yüklensin. Bu işlemleride jquery ile gerçekleştirelim.
Öyleyse hemen başlayalım :)
1.Öncelikle kullancağımız actionresult fonksiyonunu yazıyoruz.
public ActionResult KullanicininIsleri(string kullaniciID) { ViewBag.KullaniciAdi = db.AspNetUsers.Find(kullaniciID).Isim; var islers = db.islers.Where(x => x.islerisiYapacakKisi == kullaniciID).ToList(); ViewBag.islerisiYapacakKisi = new SelectList(db.AspNetUsers, "Id", "UserName"); return View(islers.ToList()); }
2. Daha sonrada Bu actionresulta ait route.config dosyasına bu actiona ulaşmasını sağlayacağımız routing'i girelim
routes.MapRoute( name: "KullanicininIsleri", url: "isler/kullanicininisleri/{kullaniciID}", defaults: new { controller = "Isler", action = "KullanicininIsleri", kullaniciID = (string)null } );
3. Son olarakta bu actionresult'ımıza ait view dosyasını oluştuyoruz.
@model IEnumerable<isTakip.Models.isler> @using isTakip.Models; @{ ViewBag.Title = "Index"; } <script> $(function () { $("#islerisiYapacakKisi").change(function () { var urlInsert = '/isler/KullanicininIsleri/' + $(this).val(); window.location.href = urlInsert; }); }); </script> <hr /> <h4> @{if (string.IsNullOrEmpty(ViewBag.KullaniciAdi)) { <text> İşler Listeleniyor</text> }else{ <text> @ViewBag.KullaniciAdi adlı kişinin işleri listeleniyor. </text> } } </h4> <p> @Html.ActionLink("Yeni Kayıt", "Create") || @Html.DropDownList("islerisiYapacakKisi", "Kullanici Seçiniz !") </p> <table class="table"> <tbody> <tr> <th>işler tablosunun nitelikleri</th> </tr> <tr> <td>item ile İşler tablosundaki bilgiler sıralanabilir.</td> </tr> </tbody> </table