Asp.net'te Ajax Uygulaması

Bu dersimizde sizlere update panel hakkında bilgiler vereceğim...

Merhabalar,

Bir makelemde daha beraberiz. Bu dersimizde Update Paneli anlatacağım.

Asp.net veya başka script dillerinde bilirsiniz veriler veritabanına veya sunucu üzerinde işlenirken sayfa refreshlenerek işlem yapılık Ajax'ın updatepanel uygulaması sonucunda sayfamız refresh'lenmeden işlem yapabileceğiz.

Şimdi visual studio'muzu açtıktan sonra New Project diyerek Ajax Form veya Web site sekmemizden Web Add New Items sekmemizden de ekleyebiliriz. Eklediğimiz zaman karşımıza script panel eklenmiş bir Ajax form uygulaması çıkacak. Kod blogu şu şekilde:


<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>Rıza Soylu - Ajax Extensions Uygulamaları</title>

    

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <asp:ScriptManager ID="ScriptManager1" runat="server" />

    </div>

    </form>

</body>

</html>




Daha sonra çalıştırdığımız zaman sayfanın refreshlenmeden texbox'taki bilgiyi labele yazdığını göreceksiniz.

Şimdi sıra update panelimizin ne işe yaradığını öğrenmeye geldi sıra. Bu formumuza öncelikle toolbox menüsünden Ajax extensions bölümünden [Script panelin altına] UpdatePanel Atalım. Bu updatepanel'imize bir textbox, bir buton ve hemen altına sonucumuzun gösterileceği bir label atalım.

Daha sonra butonumun click event'ine giderek şu kodu yazıyoruz.


protected void Button1_Click(object sender, EventArgs e)

    {

        Label1.text = TextBox1.text;

    }

  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Bu konu sanırım yarım bırakılmış gönül tamamlansın isterdi.
Senin yorumun üzerine bu konu ile ilgili tamamlanmış bir ders gönderdim :) yayınlanmasını bekliyoruz artık :)
Ders yarım değil arkaşlar updatepanelle basit bir örnek verilmiş.Geliştirmesi size kalmış.

Yukarı Git