JQuery-UI：如何根據用戶來自哪個視圖預先選擇特定選項卡？

Question

比方說，我有一個頁面視圖叫「PagePreview.aspx」。在該頁面上，我放置了一個帶有3個選項卡，選項卡1，選項卡2和選項卡3的UI選項卡Widget。每個選項卡上都有一個鏈接，導致網站上的不同頁面。

當用戶訪問PagePreview時，我希望選項卡是預選，具體取決於他來自哪裏。例如，如果用戶來自DetailsOfProducts.aspx，然後「頁面ProductsSummary」應加載pagePreview.aspx時應選擇。如果他更喜歡DetailsOfClient.aspx，那麼應該選中「ClientsSummary」選項卡，依此類推。

我該如何用JqueryUI做到這一點？

爲了方便起見，我添加了一個屬性上我的模型

public string PageOfOrigin { get; set; } 

的困難是獲得該財產的價值，並能夠使用它的價值。 感謝您的幫助

Answer 1

您可以在位於視圖內的腳本中吐出.NET變量。

var tabsOpts = { 
    selected: getTabIndex('<%= html.encode(model.PageOfOrigin) %>') 
}; 
$("#myTabs").tabs(tabsOpts); 

然而，標籤索引是基於整型，所以你需要，如果你使用PageOfOrigin作爲作爲字符串添加到原點的頁面轉換爲正確的整數正確的選項卡（0基於）指數。

function getTabIndex(originPage){ 
    switch (originPage){ 
     case "DetailsOfProducts.aspx": 
      return 0; 
     break; 
     case "DetailsOfClient.aspx": 
      return 1; 
     break; 
     default: 
      return 0; 
     break; 
    } 
}