在选项卡更改时重定向 URL

Redirect url on tab change

本文关键字:重定向 URL 选项      更新时间:2023-09-26

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

这是我的代码:

<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 - URL 应为/WebForm1.aspx
  • Tab2 - URL 应为/WebForm2.aspx
  • Tab3 - URL 应该是/WebForm3.aspx

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

网页代码

<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);
    }
  }