AspNET AJAX Framework Code Name ATLAS

Sting
Forum Kalfası
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 :) 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

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
Cool Üye
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
 
- Yönetici düzenlemesi: :
Decadent
Cool Üye
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.
 
ogame
Daimi Üye
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
Çırak
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...
 
Rainman[ns]
Daimi Üye
hasanakinci demiş ki:
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...
Hepsini görmek için tıklayın...
sanırım Visual Studio kurulumda eksiklik var. genelde tomatik çalışır debug dediğinde
 
You must log in or register to reply here.
Üst