Tab Auswahl mit jQuery in MVC

Question

Ich habe vier Registerkarten in meiner Ansicht gesetzt, wie

folgt

<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> 

Was i tun müssen, um in der Lage sein Fokus auf dem Tag Aktion mein Controller zu haben, indem er Bildschirmtextsystem sagen erfordert ("TabSelected") = "tabs-3" für Arzt Info

Answer 1

Dies ist viel einfacher, wenn Sie jQuery UI Tabs verwenden. jQuery UI ist eine vollständig unterstützte Gruppe von Widgets zum Erstellen einer UI auf der Client-Seite. Eines der bereitgestellten Widgets ist ein Tab-Widget.

Angenommen, Sie diese verwenden, können Sie etwas so einfach wie dies tun:

Auf der Controller-Aktion:

ViewData("SelectedTabIndex") = 1; 

Auf der Client-Seite in $ (document) .ready:

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

Answer 2

die tabselected im Bildschirmtextsystem wie so nach dem Aufsetzen:

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

einfach die folgenden in Ihrem $ (document) .ready() Funktion gesetzt:

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

Das sollte es tun.