Выбор вкладки с помощью jQuery в MVC

Question

У меня четыре вкладки, установленные на мой взгляд следующим образом

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

Что мне нужно сделать, так это уметь сфокусироваться на теге, о котором говорит мой контроллер, отправив viewdata ("TabSelected") = "tabs-3" для информации о враче

Answer 1

Это намного проще, если вы используете вкладки пользовательского интерфейса jQuery. jQuery UI - это полностью поддерживаемый набор виджетов для создания пользовательского интерфейса на стороне клиента. Один из предоставленных виджетов является виджетом со вкладкой.

Предполагая, что вы используете это, вы можете сделать что-то простое, как это:

На действие контроллера:

ViewData("SelectedTabIndex") = 1;

На стороне клиента, в $ (документ) .ready:

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

Answer 2

После помещения вкладки, выбранной в viewdata, примерно так:

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

Просто вставьте в функцию $ (document) .ready () следующее:

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

Это должно сделать это.