Monday, 2 December 2013

prevent page refresh on button click in asp.net c#

02:03 By , , No comments

.aspx code
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Ajax Update panel</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:ScriptManager ID="ScriptManager1" runat="server"/>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
 <ContentTemplate>
 panel 1:<asp:Label ID="Label1" runat="server"></asp:Label>
</ContentTemplate>
 </asp:UpdatePanel>

  <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">
 <ContentTemplate>
 panel 2:<asp:Label ID="Label2" runat="server" ></asp:Label>

     <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
 </ContentTemplate>

   <Triggers>
 <asp:AsyncPostBackTrigger ControlID="Button1"/>
 </Triggers>
 </asp:UpdatePanel>

   
    </div>
    </form>
</body>
</html>


.cs page

 protected void Page_Load(object sender, EventArgs e)
        {
            Label1.Text = DateTime.Now.ToString();
            Label2.Text = DateTime.Now.ToString();
        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            Label1.Text =  DateTime.Now.ToString();
            Label2.Text = DateTime.Now.ToString();
        }






0 comments:

Post a Comment