Jquery and UpdatePanel AnimationExtender

İleri düzey ajax ve asp.net kullanan bir çok dostumuz elbette var. Ben genellikle böyle şatafatlı zıpırlı hoplarlı siteler yapmaktan animasyonlara ve efektler kullanmaktan kaçınan bir insanım 🙂 şaşa bana göre değil ama maalesef bazen istekler olunca bu tip şeyleride yapmak gerekmekte.

Bende biraz deneme yapayım derken jquery + updatepanel ve gridview ile bir efect çalışması çıkarmaya çalıştım. Belki bu konuya benim gibi vakıf olmayan ama ufak tefek uygulamalarında kullanmak isteyen arkadaşlarımız olur ve bu yazıda onlara bir yardım teşkil eder diye sitemde yayınlamak istedim.

ilk olarak jquery son versionu html sayfamıza include ederk başlıyoruz her zamanki gibi


    

ve hemen altına html head içine

animation extender içinde kullandığımız gogo fonksiyonu için javascript kodumuz


 

evet şu an itibari ile son version bir jquery kütüphanesine sahibiz.

asp.net sayfamızın içeriğini oluşturalım.
sayfamıza
1 adet timer
1 adet updatepanel animation extender
1 adet update panel
1 adet gridview

ekliyoruz ve bunu isteğimiz dogrultusunda bind ediyoruz.


    

evet GridView1_PageIndexChanging eventini timer tick eventine bağlıyoruz. her 3 sn de bir page index değişecek ve değişirkende jquery slide in bize sağlamış olduğu ufacık basit bir effekt karşımıza çıkacak.

Yanıt Yaz