AJAX TIMER

Windows uygulamalarında olupta Web ortamında olmayan kontrollerimiz mevcuttur. Timer kontrolü bunlardan birisidir. Web sayfalarında çoğu zaman Timer kontrolü gerekmektedir. Bizde Ajax sisteminde bulunan Timer kontrolünden bahsedelim. Burada kullanım windows uygulamasına benzer. Interval özelliği ile sayfanın o dilim içerisinde sayfanın Post Back olmasını sağlayacak ve Tick olayındaki kodun çalışmasını sağlayacaktır.

Yeni bir ASP.NET projesi açalım. Açtığımız asp.net çalışma ortamını aşağıdaki gibi Toolbox penceresinden Ajax Extensions bölümünden timer kontrollümüzü ekleyelim.



Kontrollerimiz ekledikten sonra Timer kontrolümüze ait properties pencesine gelelim ve buradan Interval özelliğine 1000 değerini yazalım. 1000 değeri 1 saniye anlamına gelmektedir.



Daha sonra sayfada çift tıklayarak Page_Load olayına kodumuzu yazalım.

protected void Page_Load(object sender, EventArgs e)
{
this.Label1.Text = "Sayfa yüklenme Tarihi: " + DateTime.Now.ToLongDateString();
}

Daha sonra Timer kontrolümüzü çift tıklayarak timer1_Tick olayına kodumuzu yazalım. Buradaki Tick olayı Intervala atamış olduğumuz değere göre o birimde bir çalışmasını sağlayacaktır. Örneğin bu örneğimizde Interval değeri olarak 1000 yazdığımızdan dolayı her 1 saniye bir sayfaya refresh çekecektir ve Tick altındaki kodu çalıştıracaktır. Kontrolümüzü çift tıkladıktan sonra kodumuzu yazalım.

protected void Timer1_Tick(object sender, EventArgs e)
{
this.Label2.Text = "Saat: " + DateTime.Now.ToLongTimeString();
}

Burada sayfayı her 1 sn’de refres çekerek işlem çalışacak ve o anki saati gösterecektir. Fakat bu ana kadar aynen uyguladı iseniz sayfaya refresh çekildiğinden biraz sinir bozucu olacak ve işlem yapmada zorluk çekeceksiniz.
Bunu için sayfamıza yine Ajax Extension kısmında bulunan UpdatePanel ekleyelim.



Daha sonra timer ve label kontrollerimizi sayfamıza eklemiş olduğumuz UpdatePanel içerisine sürükleyerek bırakınız.



Şimdi sayfamızıı çalıştıralım. Sayfanın tamamı refresh edilmeden timer kontrolümüzün çalıştığını göreceksiniz.




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...]