在标签更改上重定向网址

时间:2013-10-25 12:43:12

标签: c# javascript jquery asp.net

我正在使用ASP AjaxControlToolkit选项卡。我的问题是每当用户更改选项卡时,网址应根据相应的选项卡进行更改。

这是我的代码:

<asp:TabContainer ID="TabContainer1" runat="server" Width="100%" Height="100%">
    <asp:TabPanel ID="TabPanel1" runat="server">
        <HeaderTemplate>Tab1</HeaderTemplate>
        <ContentTemplate></ContentTemplate>
        <asp:TabPanel ID="TabPanel1" runat="server">
            <HeaderTemplate>Tab2</HeaderTemplate>
            <ContentTemplate></ContentTemplate>
            <asp:TabPanel ID="TabPanel1" runat="server">
                <HeaderTemplate>Tab3</HeaderTemplate>
                <ContentTemplate></ContentTemplate>

例如 - 如果用户选择:

  • Tab1 - 网址应为/WebForm1.aspx
  • Tab2 - 网址应为/WebForm2.aspx
  • Tab3 - 网址应为/WebForm3.aspx

1 个答案:

答案 0 :(得分:0)

尝试这种方式,使用OnActiveTabChanged事件重定向页面。

Html代码

<asp:TabContainer ID="TabContainer1" AutoPostBack="true"
        OnActiveTabChanged="tbMain_ActiveTabChanged" runat="server" Width="100%" Height="100%">

服务器端

protected void tbMain_ActiveTabChanged(object sender, EventArgs e)
{
    try
    {
        if (TabContainer1.ActiveTabIndex == 1)
        {
            Response.Redirect("~/WebForm1.aspx")
        }

        if (TabContainer1.ActiveTabIndex == 2)
        {
           Response.Redirect("~/WebForm2.aspx")
        }                
    }
    catch (Exception ex)
    {
        Support.ExceptionHandler.HandleException(ex);
    }
  }