时间戳

首页 > 解决方案 > 重定向到特定选项卡上的网页

c# - 重定向到特定选项卡上的网页

问题描述

我有一个名为 ViewUpdateSchedule.aspx 的网页，其中包含 6 个选项卡。我还有另一个网页，我将用户重定向到 ViewUpdateSchedule.aspx 页面。当我将用户重定向到 ViewUpdateSchedule.aspx 时，我想自动打开 #tabe-15 选项卡。

我能够将用户重定向到 ViewUpdateSchedule.aspx，但我无法自动打开 #tabe-15 选项卡。

这是我的代码：

HTML：

<ul class="nav nav-tabs nav-tabs-info nav-justified">
<li class="nav-item">
    <a class="nav-link active" data-toggle="tab" href="#tabe-13"><i class="icon-home"></i><span class="hidden-xs">Schedule Details</span></a>
</li>
<li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#tabe-14"><i class="icon-user"></i><span class="hidden-xs">Software Details</span></a>
</li>
<li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#tabe-16"><i class="icon-envelope-open"></i><span class="hidden-xs">Contact Details</span></a>
</li>
<li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#tabe-15"><i class="icon-envelope-open"></i><span class="hidden-xs">Voice (TTS) Details</span></a>
</li>
<li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#tabe-17"><i class="icon-envelope-open"></i><span class="hidden-xs">Notes</span></a>
</li>
<li class="nav-item">
    <a class="nav-link" data-toggle="tab" href="#tabe-18"><i class="icon-envelope-open"></i><span class="hidden-xs">Audit Trail</span></a>
</li>
</ul>

//这是我将用户从一个网页重定向到 ViewUpdateSchedule.aspx 页面并尝试打开 #tabe-15 选项卡的地方

C＃

Response.Redirect("ViewUpdateSchedule.aspx" + "#tabe-15");

请帮助我如何重定向用户并自动打开 #tabe-15 选项卡。谢谢你。

标签： c#htmlasp.nettwitter-bootstrap

解决方案

您可能需要使用一些脚本调用选项卡选择。

在ViewUpdateSchedule.aspx页面上

在<script>标签内，或者更好的是一个单独的.js文件：

$(document).ready(function() {
    //... The rest of your code

    // This will give you #tabe-15 (or whatever ID you're sending in from server)
    var tabId = window.location.hash;

    // Select the tab
    $('a[href="' + tabId + '"]').tab('show');
})

或者，您可以注册一个处理程序，该处理程序将通过RegisterClientScriptBlock进行选择。

推荐阅读