Asp.Net AJAX Ogreniyorum Serisi 04
- Sevdanur GENC
- Feb 4, 2012
- 2 min read
Timer Nesnesi Asp.Net AJAX Ogreniyorum Serisi 00'da da bahsettigimiz gibi; Web Uygulamalarimizin baska bilesenlerde ki timer nesneleri gibi bu da istenilen zamanlarda yada surekli calistirabileceginiz bir web sayfasi uzerinde kullanabilecegimiz zaman nesnesidir. Simdi bunlari sirasiyla aciklayalim ve birer basit uygulama gelistirelim.
Times Nesnesi ;
Sayfaniza eklediginiz herhangi bir islemi timer nesnesi ile belli zaman araliklari ile tekrarlanmasini istiyorsaniz ya da zamana bagli olarak uygulamanizin baska islemlere aktarilmasini istiyorsanir bu kontrolu kullanabilirsiniz. Tipki Asp.Net tarafinda oldugu gibi timer kontrolu Ajax icinde ayni sekilde gecerlidir. Fakat haliyle Ajax uygulamasi icerisinde oldugu iicn daha fazla gelistirilmis... Ve herseyden once artik zaman kodlari icin javascript komutlari yazmaya hic gerek kalmamistir.
Timer nesnesi kullanildiginda her zaman onemli bir properties olan Interval ozelligi akla gelmektedir. Interval ozelligine verilen deger kadar tetiklenen tick olayi ele alinacaktir.
Uygulama ;
Simdi dilerseniz basit bir uygulama ile Timer nesnesini inceleyelim...
Oncelikle Visual Studio'da yeni bir Web Application projesi baslatalim, ve icerisinde yeni bir Web Form olusturalim. Bu Web form'um design kismina yandaki tools icerisine aktarilmis olan Ajax Extensions arac kutusu vasitasiyla ScriptManager nesnesini design gorunumu icerisinde ki body'nin icerisine surukleyerek birakalim. Bunu yapmamizda ki sebep; bu kontrol tasarim ekraninda tum Ajax kontrollerinin en ustunde olmasi gerekiyor ki uygulama icerisinde ki tum Ajax nesnelerinin scriptlerine ulasabilsin.
Uygulamamiz anlik calisan bir saat ornegi olacagi icin uygulamamiza bir adet UpdatePanel surukleyerek birakalim, ki bu nesne sayesinde sayfamiz guncellenebilsin. Bu panel icerisine birer adet Label, Timer nesneleri ekleyelim.
WebForm.Aspx Kaynak Kodlari ;
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
</div>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
<asp:Timer ID="Timer1" runat="server" Interval="1000" ontick="Timer1_OnTick_Olayi">
</asp:Timer>
</ContentTemplate>
</asp:UpdatePanel>
</form>
</body>
</html>
WebForm.Aspx.Cs Kaynak Kodlari ;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace WebApplication1
{
public partial class WebForm9 : System.Web.UI.Page
{
protected void Timer1_OnTick_Olayi(object sender, EventArgs e)
{
Label1.Text = "Su An Ki Sistemin Tarih Ve Saati ; " + DateTime.Now.ToString();
}
}
}
Ekran Ciktisi ;
Yukarida da goruldugu gibi sistemin o an ki tarihi ve saatini her 1 saniye de bir ekranda guncelliyor... Bu uygulama sonu ile de Asp.Net AJAX Ogreniyorum Serisi'ni sonlandirmis oluyoruz.
Comments