Pernahkah anda membuat sebuah halaman web dengan asp c#, yang di dalamnya terdapat script jquery dan juga anda pasang sebuah script manager control dengan update panelnya?
Jika pernah..pengalaman yang pernah saya jumpai yaitu script jquery akan berjalan mulus ketika load page untuk pertama kali. Tetapi apakah disadari jika page tersebut terdapat postback?
Ya..saya pernah membuat sebuah page dengan di dalamnya terdapat script jquery dan memasang script manager contol dengan update panel. Waktu page load untuk pertama kalinya sih ok ok aja ga ada yg janggal, tetapi ketika page tersebut postback, ternyata script jquery tersebut tidak ke-load alias ga jalan. Akhirnya setelah mencari referensi kesana kemari, saya menemukan solusinya untuk mengatasi hal tersebut. Yaitu dengan sedikit modifikasi pada script jquery tersebut. Berikut lebih detail tentang sintak code nya :
Code berikut berisi contoh jquery slider :
Contoh code slider kit awalnya :
1
2
3
4
5
6
7
8
9
10
| $("#carousel-demo5").sliderkit({ auto:true, autospeed:4000, shownavitems:1, circular:true, fastchange:false, scrolleasing:"easeOutExpo", scrollspeed:500}); |
Kemudian dimodifikasi menjadi seperti dibawah ini :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(pageLoaded);Sys.WebForms.PageRequestManager.getInstance().add_endRequest(pageLoaded);function pageLoaded(sender, args){ $("#carousel-demo5").sliderkit( { auto:true, autospeed:4000, shownavitems:1, circular:true, fastchange:false, scrolleasing:"easeOutExpo", scrollspeed:500 });} |
Coba bandingan dengan menjalankan page anda, antara sintak pertama dan kedua, yang saya jumpai sih..sintak pertama ketika page asp postback maka sintak tersebut tidak ke-load ulang, yang mengakibatkan sintak tersebut tidak berjalan. Tetapi setelah dilakukan tambahan seperti sintak kedua, maka ketika page asp postback maka sintak tersebut akan berjalan sesuai keinginan
Tulisan ini hanya sekedar share dari newbie yang mencoba selalu belajar tentang source code yang selalu saya “geluti” yaitu asp.net c#, jika teman-teman pembaca merasa ada tulisan ini yang kurang pas ato malah salah..”monggo” saling share
Sumber : https://yohanesluhur.wordpress.com
0 komentar :