在MVC中使用jQuery选项卡选择

时间:2009-05-21 20:12:00

标签: jquery

我在视图中设置了四个标签,如下所示

<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”为医生信息

,专注于控制器操作所需的标记。

2 个答案:

答案 0 :(得分:2)

如果您使用jQuery UI选项卡,这会更简单。 jQuery UI是一组完全受支持的小部件,用于在客户端创建UI。提供的其中一个小部件是一个标签小部件。

假设你正在使用它,你可以做一些简单的事情:

在控制器操作上:

ViewData("SelectedTabIndex") = 1;

在客户端,$(document).ready:

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

答案 1 :(得分:0)

将选中的tabslected放入viewdata后如下:

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

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

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

应该这样做。