selamlar
ATLAS 'ı anlatan kısa bir döküman hazırlayayım diodum bi baktımki bugün microsoft atlasın adını değiştirmiş. Asp.NET ATLAS olarak geçen framework artık Asp.net AJAX olarak adlandırılıyor.
Peki nedir bu asp.net ajax ?
Asp.NET Ajax, Asp.NET uygulamalarınızda ajax teknolojisini daha kolay daha aktif ve toolkit destekli olarak kullanmanıza yarayan bir teknolojidir. Normal Ajax uygulamalarınıda kullanabiliosunuz tabiki asp.net ile. JS hertürlü geçerli yani.
Ama Asp.NET en büyük + sı, Asp.NET Ajax ilede ön plana çıkıyor. Yani TOOLKIT ler.
2-3 toolkit ile TEK SATIR KOD YAZMADAN Ajax'ın tüm nimetlerini kullanabiliyorsunuz.
Bu açıklamalardan sonra uygulamaya geçelim.
Malzemeler
Visual Web Developer 2005 Express Edition veya Visual Studio.Net 2005.
Visual Web Developer ÜCRETSİZ olduğu için onu tavsiye ederim. Sadece WEB üzerine olduğu için daha LITE sürüm denebilir. Download
Asp.NET Ajax v1.0 Beta:Web developer için gerekli olan eklenti oluyor kendisi,
Asp.NET Ajax CTP Beta,
Asp.Net Ajax Control Toolkit: CodePlex'deki geliştiriciler tarafından hazırlanan ve paket olarak dağıtılan toolkitler,
Download
Bu toolkiti kurmak için zip içinde, AjaxControlExtender klasörünün altındaki
AjaxControlExtender.vsi dosyasını çalıştırın. Web Developer ı çalıştırın. Tookit kısmında sağ tuş Choose Items tıklayın. Browse a tıklayıp, zip dosyasını açtığınız klasörü bulun "AjaxControlToolkit\SampleWebSite\Bin" şeklinde yolu takip edin ve AjaxControlToolkit.dll dosyasını seçin. böylece tüm toolkitler , sağ tarafta bulunan toolkit kısmına eklenicektir.
Bu toolkitleri canlı canlı görüp kendinizden geçmek için TIKLAYIN
Herşeyi hallettikten soran New Web Site diyerek başlıyoruz
My templates altındaki Ajax Control Toolkit Web Site ile yeni bir proje açıyoruz. bu templates sayesinde projemize gerekli ayarlar ve dll ler ekleniyor.
otomatik olarak sayfamıza ScriptManager aracı eklendi. Bu olamzsa olmazdır. Ajax kullanacağınız her sayfaya bundan eklemeniz gerekiyor.
Bundan ayrı bir diğer olmazsa olmaz aracımız UpdatePanel. Güncelleme olacak kısım burasıdır. UpdatePanel içine güncellenecek herşeyi koyabiliriz.
Örneğin UpdatePanel içine Label atalım bitane.
Updatepanel dışınada bitane Button koyalım.
Burda yapmamız gereken son şey. tetikleyici (Trigger) seçmek. Her UpdatePanel in tetikleyicisi olmak zorundadır. UpdatePanel in property lerinden
Triggers kısmına tıklıoruz. Add tıklayıp yeni bir tetikleyici tanımlıyoruz.
burda 2 kısım var. ControlID : hangi kontrol aracı ile update panel tetiklenecekse onu seçiyoruz. bizim uygulamamızda bitane button vardı onu seçicez mecburen
Diğer kısımda EventName. ordanda Click seçiyoruzki butonun click olayında çalışsın
default.aspx sayfasının kodları aşağıdaki gibi olmusı lazım eksiksiz herşeyi yaptıysanız
artık yapılacak tek şey uygulama kodlarını yazmak.
butona çift tıklayıp code sayfasına geçiyoruz.
bu kodlarıda ekledikten sora geriye sadece çalıştırmak kalıyor.
umarım yeterince açık anlatmışımdır
ATLAS 'ı anlatan kısa bir döküman hazırlayayım diodum bi baktımki bugün microsoft atlasın adını değiştirmiş. Asp.NET ATLAS olarak geçen framework artık Asp.net AJAX olarak adlandırılıyor.
Peki nedir bu asp.net ajax ?
Asp.NET Ajax, Asp.NET uygulamalarınızda ajax teknolojisini daha kolay daha aktif ve toolkit destekli olarak kullanmanıza yarayan bir teknolojidir. Normal Ajax uygulamalarınıda kullanabiliosunuz tabiki asp.net ile. JS hertürlü geçerli yani.
Ama Asp.NET en büyük + sı, Asp.NET Ajax ilede ön plana çıkıyor. Yani TOOLKIT ler.
2-3 toolkit ile TEK SATIR KOD YAZMADAN Ajax'ın tüm nimetlerini kullanabiliyorsunuz.
Bu açıklamalardan sonra uygulamaya geçelim.
Malzemeler
Visual Web Developer 2005 Express Edition veya Visual Studio.Net 2005.
Visual Web Developer ÜCRETSİZ olduğu için onu tavsiye ederim. Sadece WEB üzerine olduğu için daha LITE sürüm denebilir. Download
Asp.NET Ajax v1.0 Beta:Web developer için gerekli olan eklenti oluyor kendisi,
Asp.NET Ajax CTP Beta,
Asp.Net Ajax Control Toolkit: CodePlex'deki geliştiriciler tarafından hazırlanan ve paket olarak dağıtılan toolkitler,
Download
Bu toolkiti kurmak için zip içinde, AjaxControlExtender klasörünün altındaki
AjaxControlExtender.vsi dosyasını çalıştırın. Web Developer ı çalıştırın. Tookit kısmında sağ tuş Choose Items tıklayın. Browse a tıklayıp, zip dosyasını açtığınız klasörü bulun "AjaxControlToolkit\SampleWebSite\Bin" şeklinde yolu takip edin ve AjaxControlToolkit.dll dosyasını seçin. böylece tüm toolkitler , sağ tarafta bulunan toolkit kısmına eklenicektir.
Bu toolkitleri canlı canlı görüp kendinizden geçmek için TIKLAYIN
Herşeyi hallettikten soran New Web Site diyerek başlıyoruz
My templates altındaki Ajax Control Toolkit Web Site ile yeni bir proje açıyoruz. bu templates sayesinde projemize gerekli ayarlar ve dll ler ekleniyor.
otomatik olarak sayfamıza ScriptManager aracı eklendi. Bu olamzsa olmazdır. Ajax kullanacağınız her sayfaya bundan eklemeniz gerekiyor.
Bundan ayrı bir diğer olmazsa olmaz aracımız UpdatePanel. Güncelleme olacak kısım burasıdır. UpdatePanel içine güncellenecek herşeyi koyabiliriz.
Örneğin UpdatePanel içine Label atalım bitane.
Updatepanel dışınada bitane Button koyalım.
Burda yapmamız gereken son şey. tetikleyici (Trigger) seçmek. Her UpdatePanel in tetikleyicisi olmak zorundadır. UpdatePanel in property lerinden
Triggers kısmına tıklıoruz. Add tıklayıp yeni bir tetikleyici tanımlıyoruz.
burda 2 kısım var. ControlID : hangi kontrol aracı ile update panel tetiklenecekse onu seçiyoruz. bizim uygulamamızda bitane button vardı onu seçicez mecburen
Diğer kısımda EventName. ordanda Click seçiyoruzki butonun click olayında çalışsın
default.aspx sayfasının kodları aşağıdaki gibi olmusı lazım eksiksiz herşeyi yaptıysanız
Kod:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click" />
</Triggers>
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</ContentTemplate>
</asp:UpdatePanel>
</form>
</body>
</html>artık yapılacak tek şey uygulama kodlarını yazmak.
butona çift tıklayıp code sayfasına geçiyoruz.
Kod:
protected void Button1_Click(object sender, EventArgs e)
{
Random sayi = new Random();
Label1.Text= sayi.Next(0,100).ToString();
}bu kodlarıda ekledikten sora geriye sadece çalıştırmak kalıyor.
umarım yeterince açık anlatmışımdır