asp.net mvc和css：选择时突出显示菜单选项卡

发布时间：2020-12-16 04:17:00 所属栏目：asp.Net 来源：网络整理

导读：有一个更好的方法吗？我有一个HTML帮助扩展方法,检查当前选项卡菜单是否是所选的菜单,然后选择.selected css类.我把html.IsSelected链接放在每个li中 li class="%=Html.IsSelected(string a,string b)%" 其中a是选项卡名称,b是分配的ViewData. 这是干净还是

有一个更好的方法吗？

我有一个HTML帮助扩展方法,检查当前选项卡菜单是否是所选的菜单,然后选择.selected css类.我把html.IsSelected链接放在每个li中

<li class="<%=Html.IsSelected(string a,string b)%>" >

其中a是选项卡名称,b是分配的ViewData.

这是干净还是有更好的方法？

解决方法

如果您可以使用javascript解决方案,请查看 jQuery UI Accordion插件如何处理此问题.实际上,您可以通过在加载页面时检查请求URL来选择基于控制器的突出显示的选项卡.

或者,您可以为与选项卡的类值对应的每个选项卡设置ViewBag项.将当前选项卡的值设置为活动的css类,将其他值设置为空(或其默认值).然后你可以使用：

<li id="HomeTab" class="<%= ViewBag.HomeTabClass %>" />
<li id="OtherTab" class="<%= (string)ViewBag.OtherTabClass %>" />

然后,在控制器中,您将为ViewData变量设置正确的值.

ViewBag.HomeTabClass = "tab activeTab";
ViewBag.OtherTabClass = "tab";

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!