在MVC中使用jQuery选择选项卡

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 UI选项卡，这会简单得多。jQuery UI是一组完全受支持的小部件，用于在客户端创建UI。提供的小部件之一是选项卡小部件。

假设你正在使用这个，你可以做一些像这样简单的事情：

在控制器操作上：

ViewData("SelectedTabIndex") = 1;

在客户端，在$(文档).ready中：

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

Answer 2

将选项卡选中放入视图数据后，如下所示：

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

只需将以下内容放入$(document).ready()函数中：

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

这应该就行了。