Pradeep Yadav

Pradeep Yadav

  • 413
  • 5.5k
  • 2.1m

Ajax Update Panel

Jun 10 2017 10:08 AM
Hi ,
I have created user ontrols  (.ascx), now calling those user controls on  Ajax Tab control.
Now , I have added some validation using jquery. Now it here everything works fine. When I add Ajax Update panel for avoiding page flikker, Javascript on usercontrol , does not gets executed. .Please find below code for the same

<asp:Content ID="Main" ContentPlaceHolderID="PlaceHolderMain" runat="server">

<br />

<style type="text/css">

.ajax__tab_xp .ajax__tab_tab {

height: 21px;

min-height:21px;

}

</style>

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="True">

<ContentTemplate>

<ajax:TabContainer ID="BillingDetailContainer" runat="server" OnActiveTabChanged="BillingDetailContainer_OnActiveTabChanged" AutoPostBack="True">

<ajax:TabPanel runat="server" HeaderText="Level Details" ID="TabPanel1" ActiveTabIndex="1">

<ContentTemplate>

<%--<div>

<uc1:uImportBillingSchedule runat="server" id="uImportBillingSchedule" />

</div>--%>

</ContentTemplate>

</ajax:TabPanel>

<ajax:TabPanel ID="TabPanel2" runat="server" HeaderText="Milestone Details" ActiveTabIndex="2">

<ContentTemplate>

<%-- <div style="height: 200px;"> </div>

<uc1:BillingScheduleDetails runat="server" id="BillingScheduleDetails" />--%>

</ContentTemplate>

</ajax:TabPanel>

<ajax:TabPanel ID="TabPanel3" runat="server" HeaderText="Billing Schedule Details" ActiveTabIndex="3">

<ContentTemplate>

<%--<uc1:ImportAnnexures runat="server" id="ImportAnnexures" />--%>

</ContentTemplate>

</ajax:TabPanel>

<ajax:TabPanel ID="TabPanel4" runat="server" HeaderText="Template Details" ActiveTabIndex="4">

<ContentTemplate>

This is Tab2

</ContentTemplate>

</ajax:TabPanel>

</ajax:TabContainer>

</ContentTemplate>

</asp:UpdatePanel>

</asp:Content>

 Please help.

Answers (2)