sélection Tab en utilisant jQuery dans MVC

Question

J'ai quatre onglets mis à mon avis comme suit

<ul> 
    <li><a id="#tabs-1">Case Summary</a></li> 
    <li><a id="#tabs-2">Patient</a></li> 
    <li><a id="#tabs-3">Physician</a></li> 
    <li><a id="#tabs-4">Site</a></li> 
    <li><a id="#tabs-5">Journal</a></li> 
</ul> 

Ce que je dois faire est, être en mesure d'avoir le focus sur l'étiquette mon action du contrôleur exige dire en envoyant vidéotex ("TabSelected") = "tabs-3" pour les infos sur le médecin

Answer 1

Ceci est beaucoup plus simple si vous utilisez les onglets de l'interface utilisateur jQuery. jQuery UI est un ensemble de widgets entièrement pris en charge pour la création d'une interface utilisateur côté client. L'un des widgets fournis est un widget d'onglet.

En supposant que vous utilisez, vous pouvez faire quelque chose d'aussi simple que cela:

Sur l'action du contrôleur:

ViewData("SelectedTabIndex") = 1; 

Du côté client, en $ (document) .ready:

$('#myTabs').tabs({ selected: <%= ViewData["SelectedTabIndex"] %> }); 

Answer 2

Après avoir mis l'tabselected dans le vidéotex comme ceci:

ViewData("TabSelected") = "tabs-3" 

mis simplement ce qui suit dans votre fonction $ (document) .ready():

$('#<%=ViewData("TabSelected")%>').focus() 

Cela devrait le faire.