Update UI controls outside the updatepanel in asp.net

Vote count:

0

I'm trying to update controls outisde the update panel with the ref. of below link . but its not working. i want to know what i'm missing.

http://ift.tt/1pHjats

HTML

 <%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
CodeBehind="Default.aspx.cs" Inherits="Updatepaneltest._Default" %>

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">

</asp:Content>
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
<script type="text/javascript" language="javascript">
    Sys.WebForms.PageRequestManager.getInstance().add_pageLoading(PageLoadingHandler);
    function PageLoadingHandler(sender, args) {
        var dataItems = args.get_dataItems();
        if ($get('Label1') !== null)
            $get('Label1').innerHTML = dataItems['Label1'];
        if ($get('Label2') !== null)
            $get('Label2').innerHTML = dataItems['Label2'];
    }
</script>
<asp:UpdatePanel ID="UpdatePanel1"  runat="server">
<ContentTemplate>
   UpdatePanel content.
   <asp:Button ID="Button1" Text="Submit" runat="server" />
</ContentTemplate>
</asp:UpdatePanel>
<hr />
<asp:Label ID="Label1" Text="hiii" runat="server" /> <br />
<asp:Label ID="Label2" runat="server" />
</div>
</asp:Content>

code behind

 protected void Page_Load(object sender, EventArgs e)
    {
       // ScriptManager ScriptManager1 = ScriptManager.GetCurrent(this.Page);
        if (ScriptManager.GetCurrent(this.Page).IsInAsyncPostBack)
        {
            ScriptManager1.RegisterDataItem(Label1, DateTime.Now.ToString());
            ScriptManager1.RegisterDataItem(Label2, DateTime.Now.Year.ToString());
        }
    }

asked 57 secs ago

nichu09

158

Update UI controls outside the updatepanel in asp.net