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.