Asp.NET AJAX Framework (Code Name: ATLAS)

Sting · 08-11-2006, 13:32

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.
Kaynak: Wardom http://www.wardom.com.tr/showthread.php?t=102305

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

Download

Asp.NET Ajax CTP Beta: Download

Asp.Net Ajax Control Toolkit: CodePlex'deki geliştiriciler tarafından hazırlanan ve paket olarak dağıtılan toolkitler: Download
Kaynak: Wardom http://www.wardom.com.tr/showthread.php?t=102305

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

Decadent · 08-11-2006, 21:18

Harikasın valla muhtesem seyler eline saglık

Hemen adapte olayım dedim olaya

Accordion kullanımını gösteren videonun linki
Uye olmanız gerekiyor.

Burdan

Decadent · 08-11-2006, 23:15

Visual Studio 2005 e göre anlatacagım

Sayfamıza bir adet textbox ,bir adette FilteredTextBoxExtender koyuyoruz

Daha sonra FilteredTextBoxExtender özellikler penceresinden TargetControlId secenegini koydugumuz textbox olarak belirliyoruz.

Daha sonra Textbox ın özellikler penceresine gecip Extenders sekmesinden FilteredTextBoxExtender1 i genisletiyoruz.Burada filter type ve validchars ozellikleri var.Filter type ı numbers secerseniz kullanıcıların bu textboxa sadece sayı girebilmelerini saglayacak.Uppercases ise sadece büyük harf destegi verecek.Lower Case de sadece kucuk harf destegi saglayacak.Eger Custom ı secerseniz ValidChars a girilebilir harf,karakter ve sayıları yazabilirsiniz.

conanait · 11-11-2006, 14:22

merhaba, vermiş olduğunuz link çalışmıyor;
Asp.NET Ajax CTP Beta
yenilemek mümkün mü acaba

Sting · 12-11-2006, 12:02

beta2 sürümü çıkmış. ondan linkler çalışmıyor.

güncel linkleri bu adresten takip edebilirsiniz

http://ajax.asp.net/default.aspx?tabid=47&subtabid=471

bohito · 30-05-2007, 10:03

Emeğine Sağlık...

pentslayrocker · 15-09-2007, 11:19

teşekkürler abi

ogame · 12-01-2008, 20:28

Bende merak sardım bu işe ama bi türlü türkçe anlatılmış bir video bulamadım :S
ama bilgiler güzel emeğinize sağlık arkadaşlar

hasanakinci · 24-05-2008, 15:10

Arkadaşlar ben dediğiniz herşeyi yaptım Microsoft Visual Studio 2008 kullanıyorum ancak "start debugging" e tıkladığımda ""unable to start debugging on the web server. The web server is not configured correctly. See help for common configuration errors. Running the web page outside of the debugger may provide furher information.
Kaynak: Wardom http://www.wardom.com.tr/showthread.php?t=102305

Click help for more information."" bunun ne olduğunu bilen warsa lütfen yardım etsin...

Rainman[ns] · 08-07-2008, 19:14

Alıntı:

Orjinal Mesaj Sahibi hasanakinci

Arkadaşlar ben dediğiniz herşeyi yaptım Microsoft Visual Studio 2008 kullanıyorum ancak "start debugging" e tıkladığımda ""unable to start debugging on the web server. The web server is not configured correctly. See help for common configuration errors. Running the web page outside of the debugger may provide furher information.

Click help for more information."" bunun ne olduğunu bilen warsa lütfen yardım etsin...

sanırım Visual Studio kurulumda eksiklik var. genelde tomatik çalışır debug dediğinde

By-DusmaN · 24-09-2008, 17:09

evet otamatik çalışması lazım

08-11-2006, 13:32	#1
Sting Forum Kalfası Kayıt Tarihi: Jan 2005 Üye numarası: #1177 Yer: 51. Bölge Mesaj sayısı: 1,707 Karma etkisi: 100 Karma: 9138	Asp.NET AJAX Framework (Code Name: ATLAS) 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. Kaynak: Wardom http://www.wardom.com.tr/showthread.php?t=102305 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 Download Asp.NET Ajax CTP Beta: Download Asp.Net Ajax Control Toolkit: CodePlex'deki geliştiriciler tarafından hazırlanan ve paket olarak dağıtılan toolkitler: Download Kaynak: Wardom http://www.wardom.com.tr/showthread.php?t=102305 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

08-11-2006, 21:18	#2
Decadent Cool Üye Kayıt Tarihi: Feb 2005 Üye numarası: #2570 Mesaj sayısı: 196 Karma etkisi: 34 Karma: 2618	Harikasın valla muhtesem seyler eline saglık Hemen adapte olayım dedim olaya Accordion kullanımını gösteren videonun linki Uye olmanız gerekiyor. Burdan Düzenleyen Decadent : 08-11-2006 at 22:40.

08-11-2006, 23:15	#3
Decadent Cool Üye Kayıt Tarihi: Feb 2005 Üye numarası: #2570 Mesaj sayısı: 196 Karma etkisi: 34 Karma: 2618	Atlasla Filtered Textbox Yapımı Visual Studio 2005 e göre anlatacagım Sayfamıza bir adet textbox ,bir adette FilteredTextBoxExtender koyuyoruz Daha sonra FilteredTextBoxExtender özellikler penceresinden TargetControlId secenegini koydugumuz textbox olarak belirliyoruz. Daha sonra Textbox ın özellikler penceresine gecip Extenders sekmesinden FilteredTextBoxExtender1 i genisletiyoruz.Burada filter type ve validchars ozellikleri var.Filter type ı numbers secerseniz kullanıcıların bu textboxa sadece sayı girebilmelerini saglayacak.Uppercases ise sadece büyük harf destegi verecek.Lower Case de sadece kucuk harf destegi saglayacak.Eger Custom ı secerseniz ValidChars a girilebilir harf,karakter ve sayıları yazabilirsiniz.

Konu Araçları	Bu Konuda Ara
Printer Çıktısını Göster Sayfayı Emaille Yolla	Bu Konuda Ara: Gelişmiş Arama

11-11-2006, 14:22	#4
conanait Daimi Üye Kayıt Tarihi: Jan 2006 Üye numarası: #49867 Mesaj sayısı: 289 Karma etkisi: 196 Karma: 18998	merhaba, vermiş olduğunuz link çalışmıyor; Asp.NET Ajax CTP Beta yenilemek mümkün mü acaba

12-11-2006, 12:02	#5
Sting Forum Kalfası Kayıt Tarihi: Jan 2005 Üye numarası: #1177 Yer: 51. Bölge Mesaj sayısı: 1,707 Karma etkisi: 100 Karma: 9138	beta2 sürümü çıkmış. ondan linkler çalışmıyor. güncel linkleri bu adresten takip edebilirsiniz http://ajax.asp.net/default.aspx?tabid=47&subtabid=471

30-05-2007, 10:03	#6
bohito Çırak Kayıt Tarihi: Jul 2006 Üye numarası: #78255 Yer: Konya Mesaj sayısı: 23 Karma etkisi: 0 Karma: 16	Emeğine Sağlık...

15-09-2007, 11:19	#7
pentslayrocker Çırak Kayıt Tarihi: Sep 2007 Üye numarası: #143708 Mesaj sayısı: 1 Karma etkisi: 0 Karma: 10	teşekkürler abi

12-01-2008, 20:28	#8
ogame Daimi Üye Kayıt Tarihi: Mar 2007 Üye numarası: #111303 Yer: melita Mesaj sayısı: 480 Karma etkisi: 216 Karma: 21050	Bende merak sardım bu işe ama bi türlü türkçe anlatılmış bir video bulamadım :S ama bilgiler güzel emeğinize sağlık arkadaşlar

24-05-2008, 15:10	#9
hasanakinci Çırak Kayıt Tarihi: May 2008 Üye numarası: #225098 Mesaj sayısı: 7 Karma etkisi: 0 Karma: 10	Arkadaşlar ben dediğiniz herşeyi yaptım Microsoft Visual Studio 2008 kullanıyorum ancak "start debugging" e tıkladığımda ""unable to start debugging on the web server. The web server is not configured correctly. See help for common configuration errors. Running the web page outside of the debugger may provide furher information. Kaynak: Wardom http://www.wardom.com.tr/showthread.php?t=102305 Click help for more information."" bunun ne olduğunu bilen warsa lütfen yardım etsin...

24-09-2008, 17:09	#11
By-DusmaN Daimi Üye Kayıt Tarihi: Aug 2008 Üye numarası: #254557 Yer: farketmes heryerde yaşarım ben Mesaj sayısı: 373 Karma etkisi: 92 Karma: 8882	evet otamatik çalışması lazım

Şu Anda Konuyu Görüntüleyenler: 1 (0 üye ve 1 misafir)