AJAX UPDATEPROGRESS



Bu makalemizde web sayfalarında sıkca gördüğümüz yükleniyor işlemlerinin nasıl yapıldığını anlatmaya çalışacağım. Bir web sayfasında siteyi bir süre bekleterek kullanıcıyı sıkmadan sayfamızda beklemesini sağlayabiliriz. Ajax ile bu işimiz UpdateProgress ile yapılmaktadır.
Yeni bir Ajax desteği olan bir web sayfası açalım.
File > New > Web Site seçeneğini tıkladığımızda karşımıza gelen New Web Site penceresinden ASP.NET AJAX-Enabled Web site seçeneğini tıklayarak projemizi açalım.



Daha sonra design kısmına geçerek Toolkit penceresinden Ajax Extensions kısmından UpdatePanel ekleyelim. UpdatePanel’in içerisine bir label ve buton yerleştirelim.



Butonu çift tıklayarak kod alanına geçelim ve aşağıdaki kodu yazalım.

protected void Button1_Click(object sender, EventArgs e)
{
this.Label1.Text = DateTime.Now.ToString();
}

Burada butonu tıkladığımızda Label’da günün tarihi ve saati yazacaktır.



Daha sonra kodumuza bir satır daha ekleyelim.

protected void Button1_Click(object sender, EventArgs e)
{
System.Threading.Thread.Sleep(5000); //5 saniye
this.Label1.Text = DateTime.Now.ToString();
}

Üst satıra eklediğimiz kodumuz butona tıklandıktan 5 sn sonra alt satırı işletecektir. Buradaki gecikme süresini web sayfalarımız için değiştirebiliriz.
Şimdi gelelim biz bu bekleme anında kullanıcıya “Yükleniyor” ifadesi vermek. Bunun için projemize bir tane hareketli bir gif resmi bularak projemize ekleyelim.
Daha sonra projemizin Design alanına gelerek UpdateProgress kontrolümüzü ekleyelim.
UpdateProgress kontrolünün içerisine biraz önce projemize eklediğimiz gif resmini içerisine yerleştirelim ve resmin yanınada “Yükleniyor” yazısını yazalım.



Yazımızıda yazdıktan sonra projemizi çalıştıralım. Butonu tıkladığımızda o geçen süre (5 saniye) içerisinde gif resmimiz çalışacak işlem bitincede kaybolacaktır.





[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]


Bir sonraki makalemde görüşmek üzere...

Hayat Kisa Degmez Bir Kiza !!



blok sıteme gırıs : [Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]