按钮单击时更改选项卡容器

问题描述

我有一个用户详细信息页面，其中我创建了三个选项卡：详细信息，图像更改和删除图像。为了防止每个页面有3个单独的页面，所以我创建了像结构一样的标签。

I have one user detail page in which i create three tabs : Details, image change and delete image. To prevent 3 separate pages for each so i created tab like structure.

<ul id="tabs">
<li><a href="#tab1">Veiw/Edit Profile</a></li>
<li><a href="#tab2">Change image</a></li>
<li><a href="#tab3">Delete image</a></li>
</ul>
<div class="container" id="tab1">
</div>

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div class="container" id="tab2">
<asp:FileUpload ID="FileUpload1" runat="server" />
<asp:Button ID="btn_upload1" runat="server" Text="Update" onclick="btn_upload1_Click" />
</div>
</ContentTemplate>
<triggers>
<asp:PostBackTrigger ControlID="btn_upload1"/>
</triggers>
</asp:UpdatePanel>

<div class="container" id="tab3">
</div>

问题是：当我从标签2更改图像并单击按钮时，它在更改图像后仍未保留在同一选项卡上，它来到tab1，甚至在应用更新面板后它刷新页面。

Problem is : when i am changing image from tab 2 and click button it does'nt remains on same tab after change image, it comes to tab1 and even after apply update panel it refresh the page.

推荐答案

这篇关于按钮单击时更改选项卡容器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！