Asp.Net MVC

Asp.Net MVC – LoadingElementId Kullanımı

Merhabalar, Asp.Net MVC'de Ajax.Beginform ile çalışırken, controller kısmında yapılan işlemler süresince sayfamızda bir loading gifi gösterme işlemini göreceğiz. Örnek olarak Asp.Net MVC – UpdateTargetId Kullanımı yazımdaki formu kullanacağım.

 

Öncelikle oluşturduğunuz Ajax.Beginform içerisine 

LoadingElementId = "loading"

kodunu ekliyoruz. "loading" div e verdiğimiz id dir.

@using (Ajax.BeginForm("actionName", "controllerName", new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "result", LoadingElementId = "loading" }))
{
// Html kodlarınız - form nesneleriniz
<div id="result"></div> //Gelen return değeri için atanan div
 <style>
      div#loading {
             display: none;
     }
  </style>
//Yukarıdaki style css kodunda sayfa açılışında divin gözükmemesini sağlıyoruz
   <div id="loading">
          <img src="~/Content/images/loading.gif" />//Burada gifimizin uzantısı var
   </div>
}

Not: <img> yerine yazı ya da başka bir nesne koyacaksanız, gif e olan işlemin aynısı gerçekleşecektir.

Bir yazımın daha sonuna geldik. Bu yazımda Post işlemi yaparken sayfamızda loading kullanımını gördük. Bir sonraki yazımda görüşmek dileğiyle.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir