Hi,
I'm using Asp.net ajax tabs inside update panel. and i have enabled autopostback true to load data on tab click.
but when i click on tab the url appending # tag (http://localhost:444/home#). with that on tab click page going up for a seccond and return back to tab area.
Asp.net code:
<asp:UpdatePanel ID="Updtabs" runat="server"><ContentTemplate><div id="main_tab"><div class="main_tab"><div class="main_tab_hidden"><div id="TabbedPanels1" class="TabbedPanels"><div class="TabbedPanelsContentGroup" style="padding-top:8px;" ><asp:TabContainer runat="server" ID="Tabs" OnActiveTabChanged="Tabs_ActiveTabChanged" AutoPostBack="true" ActiveTabIndex="0" CssClass="Tab"><asp:TabPanel runat="server" ID="featured" HeaderText="Featured"><ContentTemplate><div class="TabbedPanelsContent"><asp:Literal ID="lblTopFeatured" runat="server"></asp:Literal></div></ContentTemplate></asp:TabPanel><asp:TabPanel runat="server" ID="justadded" TabIndex="1" HeaderText="Just Added"><ContentTemplate><div id="mytab"></div><div class="TabbedPanelsContent" ><asp:Literal ID="lblJustAdded" runat="server"></asp:Literal></div></ContentTemplate></asp:TabPanel><asp:TabPanel runat="server" ID="newvendor" TabIndex="2" HeaderText="New Shop"><ContentTemplate><asp:Literal ID="lblTopShop" runat="server"></asp:Literal></ContentTemplate></asp:TabPanel></asp:TabContainer><asp:UpdateProgress id="updateProgress" runat="server"><ProgressTemplate><div style="text-align: center;"><img src="/images/loading-icon-animation.gif" alt="loading.." /></div></ProgressTemplate></asp:UpdateProgress></div></div></div></div></div></ContentTemplate></asp:UpdatePanel>
C# Code:
protected void Tabs_ActiveTabChanged(object sender, EventArgs e)
{
if (Tabs.ActiveTabIndex == 1)
{
//load data
}
if (Tabs.ActiveTabIndex == 2)
{
/load data
}
}Appreciate for Quick and Best Response.