Saturday, 13 May 2017

How to using Ajax control on your web page


AjaxClass.aspx designing File
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AjaxClass.aspx.cs" Inherits="DemoClassExample.AjaxClass" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .style1
        {
            width: 100%;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <table bgcolor="#FFCCCC" class="style1">
        <tr>
            <td>
                <asp:ScriptManager ID="ScriptManager1" runat="server">
                </asp:ScriptManager>
                <asp:Timer ID="Timer1" runat="server" Enabled="False" Interval="3000"
                    ontick="Timer1_Tick">
                </asp:Timer>
            </td>
        </tr>
        <tr>
            <td>
                <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
            </td>
        </tr>
        <tr>
            <td>
                <asp:UpdateProgress ID="UpdateProgress1" runat="server"
                    AssociatedUpdatePanelID="UpdatePanel1">
                    <ProgressTemplate>
                    <strong>
                        Work in progress......
                        </strong>
                    </ProgressTemplate>
                </asp:UpdateProgress>
            </td>
        </tr>
        <tr>
            <td>
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                    <ContentTemplate>
                        <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
                        <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
                    </ContentTemplate>
                </asp:UpdatePanel>
            </td>
        </tr>
        <tr>
            <td>
                <asp:UpdatePanel ID="UpdatePanel2" runat="server">
                    <ContentTemplate>
                        <asp:Label ID="Label3" runat="server" Text="Label"></asp:Label>
                        <asp:Button ID="Button2" runat="server" onclick="Button2_Click" Text="Button" />
                    </ContentTemplate>
                </asp:UpdatePanel>
            </td>
        </tr>
        <tr>
            <td>
                <asp:UpdateProgress ID="UpdateProgress2" runat="server"
                    AssociatedUpdatePanelID="UpdatePanel3">
                    <ProgressTemplate>
                        <asp:Image ID="Image1" runat="server" ImageUrl="~/images/flash_loader.gif" />
                    </ProgressTemplate>
                </asp:UpdateProgress>
            </td>
        </tr>
        <tr>
            <td>
                <asp:UpdatePanel ID="UpdatePanel3" runat="server">
                    <ContentTemplate>
                        <asp:Label ID="Label4" runat="server" Text="Label"></asp:Label>
                        <asp:Button ID="Button3" runat="server" onclick="Button3_Click" Text="Button" />
                    </ContentTemplate>
                </asp:UpdatePanel>
            </td>
        </tr>
        <tr>
            <td>
                <asp:UpdateProgress ID="UpdateProgress3" runat="server"
                    AssociatedUpdatePanelID="UpdatePanel4">
                <ProgressTemplate>
                <img src="images/Loading.gif" runat="server" />
                </ProgressTemplate>
                </asp:UpdateProgress>
            </td>
        </tr>
        <tr>
            <td>
                <asp:UpdatePanel ID="UpdatePanel4" runat="server">
                    <ContentTemplate>
                        <asp:Label ID="Label5" runat="server" Text="Label"></asp:Label>
                        <asp:Button ID="Button4" runat="server" Text="Button" onclick="Button4_Click" />
                    </ContentTemplate>
                </asp:UpdatePanel>
            </td>
        </tr>
        <tr>
            <td>
                <asp:UpdateProgress ID="UpdateProgress4" runat="server"
                    AssociatedUpdatePanelID="UpdatePanel5">
                    <ProgressTemplate>
                <img src="images/LoadingProgressBar.gif" runat="server" />
                    </ProgressTemplate>
                </asp:UpdateProgress>
            </td>
        </tr>
        <tr>
            <td>
                <asp:UpdatePanel ID="UpdatePanel5" runat="server">
                <ContentTemplate>
                    &nbsp;<asp:Button ID="Button5" runat="server" onclick="Button5_Click"
                        Text="Button" />
                    <asp:Label ID="lblMsg" runat="server" Text="Label"></asp:Label>
                </ContentTemplate>
                </asp:UpdatePanel>
            </td>
        </tr>
    </table>
    </form>
</body>
</html>


AjaxClass.aspx.cs File
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace DemoClassExample
{
    public partial class AjaxClass : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            Label1.Text = DateTime.Now.ToString();
        }
        protected void Button1_Click(object sender, EventArgs e)
        {
            //Timer1.Enabled = true;
            System.Threading.Thread.Sleep(3000);
            Label2.Text = DateTime.Now.ToShortTimeString();
        }
        protected void Timer1_Tick(object sender, EventArgs e)
        {
            //Response.Redirect("AjaxClass.aspx");
            //Timer1.Enabled = false;
        }
        protected void Button2_Click(object sender, EventArgs e)
        {
            Timer1.Enabled = true;
            Label3.Text = DateTime.Now.ToLongTimeString();
        }
        protected void Button3_Click(object sender, EventArgs e)
        {
            System.Threading.Thread.Sleep(4000);
            Label4.Text = "Today Date is " + DateTime.Now.ToShortDateString();
        }
        protected void Button4_Click(object sender, EventArgs e)
        {
            System.Threading.Thread.Sleep(5000);
            Label5.Text = "Today Date is " + DateTime.Now.ToShortDateString();
        }
        protected void Button5_Click(object sender, EventArgs e)
        {
            System.Threading.Thread.Sleep(4000);
            lblMsg.Text = "Hello!" + DateTime.Now.ToString();
        }
    }
}

0 comments

Post a Comment