Yazar Ol Yazar Girişi
Yazar Girişi
E-Posta Adresi
Şifre
Şifremi Unuttum
Asp.Net .Net MVC PHP & MySQL C# PhotoShop CSS jQuery AlgoritmA MsSQL Server HTML Ruby
- Kategoriler -
Türkçe
English
German
Tüm Kategoriler
UpdatePanel kullanımı

Merhabalar,

Bu yazımızda, UpdatePanel kullanımından bahsedeceğim. UpdatePanel, ASP.NET- AJAX uygulamalarında, web sayfası içerisinde asenkron şekilde güncellenebilir kısımlar yapmamızı sağlayan kontroldür. Sayfa komple PostBack işlemine tabi tutulmadan, sadece UpdatePanel içerisi güncellenebilir.

Yeni bir proje oluşturup, Default.aspx sayfamıza Toolbaoxta bulunan AJAX Extensions bölümünden ScriptManager ekliyoruz. Web sayfalarında ajax kullanmak istiyorsak ScriptManager kullanmak zorundayız. Daha sonra sayfamıza  UpdatePanel ekliyoruz. UpdatePanel içerisine 2 TextBox ve bir buton ekliyoruz.

Default.aspx sayfamızın görünüşü yukarıdaki gibi olacak. Kodları aşağıya ekliyorum.

<form id="form1" runat="server">
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
                                <asp:Label ID="lblHosgeldin" runat="server"></asp:Label>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                    <table class="auto-style1">

                        <tr>
                            <td class="auto-style2">&nbsp;</td>
                            <td class="auto-style3">
                                <asp:Label ID="Label1" runat="server" Text="Kullanıcı Adı :"></asp:Label>
                            </td>
                            <td class="auto-style3">
                                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style2">&nbsp;</td>
                            <td class="auto-style3">
                                <asp:Label ID="Label2" runat="server" Text="Şifre :"></asp:Label></td>
                            <td class="auto-style3">
                                <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td>
                            <td>&nbsp;</td>
                        </tr>
                        <tr>
                            <td class="auto-style2">&nbsp;</td>
                            <td class="auto-style3">&nbsp;</td>
                            <td class="auto-style3">
                                <asp:Button ID="Button1" runat="server" OnClick="Button1_Click1" Text="Giriş" /></td>
                            <td>&nbsp;</td>
                        </tr>
                    </table>                 
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
    </form>

Butonumuza çift tıklayarak kodumuzu yazıyoruz, kodumuz aşağıdaki gibi olacak.

  protected void Button1_Click1(object sender, EventArgs e)
    {
        string kad = "BildiklerimizNet";
        string sifre = "BildiklerimizNet";

        if (TextBox1.Text == kad && TextBox2.Text == sifre)
        {
            TextBox1.Visible = false;
            TextBox2.Visible = false;
            Button1.Visible = false;
            Label1.Visible = false;
            Label2.Visible = false;
            lblHosgeldin.Text = "Bildiklerimiz.Net dünyasına hoşgeldin...";
        }
        else
        {
            lblHosgeldin.Text = "Kullanıcı adı veya şifre hatalı...";
            TextBox1.Visible = true;
            TextBox2.Visible = true;
            Button1.Visible = true;
            Label1.Visible = true;
            Label2.Visible = true;

        }
    }

Projemizi çalıştırdığımızda sayfamızın sadece UpdatePanel içerisini refresh ettiğini göreceksiniz. Başka bir makalede görüşmek üzere hoşçakalın...

Sosyal Hesabında Paylaş

4180 görüntüleme

Yorumlar
Adınız Soyadınız
Mail Adresiniz
Doğrulama Kodu

Bildiklerimiz.Net Bildiklerimizi paylaşıyoruz, bilmediklerimizi öğreniyoruz. biz bunları yapıyoruz ya siz...

© 2022 Bildiklerimiz Tüm hakları saklıdır.
bir Bildiklerimiz.Net projesidir.