從asp.net中的另一個頁面重定向到特定選項卡

Question

一切順利，我在asp.net mvc 4中使用Bootstrap 3，並且嘗試使用bootstrap創建選項卡。 我希望其他頁面在單擊時重定向到特定選項卡。 我是asp.net的新手，所以我不知道該怎么辦。 這是我的代碼，

帶有標簽的頁面（Service_BO.cshtml）

<div class="container well" style="min-width: 100%; padding-right: 5px;">
    <h3>BO Account Opening</h3><hr style="border-top: 2px solid #096596;" />
    <ul class="nav nav-tabs">
        <li><a href="#bo" role="tab" data-toggle="tab">BO Account Opening</a></li>
        <li><a href="#ipo" role="tab" data-toggle="tab">IPO Application</a></li>
        <li><a href="#smi" role="tab" data-toggle="tab">Share Market Investment</a></li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane active" id="bo">
            <p>BO</p>
        </div>
        <div class="tab-pane" id="ipo">
            <p>IPO</p>
        </div>
        <div class="tab-pane" id="smi">
            <p>SMI</p>
        </div>
    </div>
</div>

外部頁面（Services.cshtml>

<div class="col-sm-6 col-md-3">
    <img class="img-rounded img-responsive" src="~/Images/modhumita01.jpg" />
    <a href="@Url.Action("Service_BO", "Home")><h3>BO Account Opening</h3></a>
    <span><b>Open an individual and/or joint account</b></span>
</div>

我可以通過單擊其他頁面上的鏈接來重定向到特定選項卡嗎？ 如果有人可以幫助我，將挽救生命。 Tnx。

Answer 1

您可以解析控制器中的活動選項卡，並將值傳遞給視圖（在ViewModel或ViewBag中）。 然后，您可以使用jquery設置活動類：

控制者

//empty value or a default
var activeTab = "bo";

//selecting active tab logic here
//...
ViewBag.Active = activeTab;

Service_BO.cshtml

@{
    //value is 'bo', 'ipo' or 'smi'
    string active = ViewBag.Active.ToString(); 
}

<script>
$(function () {
    var selector = '@active';
    $("#" + selector).addClass("active");
});
</script>

Answer 2

可以根據上面注釋中顯示的鏈接執行類似的操作

/* page load */
$(function(){
  var hash = window.location.hash;
  hash && $('ul.nav a[href="' + hash + '"]').tab('show');  


  /* add hash to url when tabs selected (for bookmarking) */
  $('.nav-tabs a').on('shown', function (e) {
      window.location.hash = this.hash;
  });
});