C# 如何根据某些条件隐藏特定的jqueryui选项卡?
我正在处理一个应用程序,在该应用程序中,所选选项卡对特定用户不可见。我的代码是C# 如何根据某些条件隐藏特定的jqueryui选项卡?,c#,javascript,jquery,asp.net,C#,Javascript,Jquery,Asp.net,我正在处理一个应用程序,在该应用程序中,所选选项卡对特定用户不可见。我的代码是 <div id="tabs"> <ul> <li><a href="#divLogTickets">Log Tickets</a></li> <li><a href="#divOpenTickets">Open Tickets</a></li>
<div id="tabs">
<ul>
<li><a href="#divLogTickets">Log Tickets</a></li>
<li><a href="#divOpenTickets">Open Tickets</a></li>
</ul>
<div id="divLogTickets" runat="server" style="padding: 25px;">
</div>
</div>
if (getUserRole(Convert.ToString(Session["UserId"])) == "HR")
{
//hide tab
}
if(getUserRole(Convert.ToString(Session[“UserId]”))==“HR”)
{
//隐藏标签
}
如何根据特定用户角色隐藏特定选项卡。您可以使用$(选择器).hide()代码>方法
例如:
if (getUserRole(Convert.ToString(Session["UserId"])) == "HR")
{
//hide tab
$('#userId').hide();
}
在验证之后,也就是说,您已经验证了要隐藏该元素的特定用户(正如您在代码中提到的),然后您可以使用hide()函数隐藏该特定元素
$('#Id_of_Element').hide();
您可以向要从代码隐藏中访问的元素添加id
和runat=“server”
属性,并在代码隐藏中设置.Visible
属性
例如,如果您想隐藏日志记录单
选项卡,您的aspx代码应该是这样的:
<div id="tabs">
<ul>
<li id="liLogTickets" runat="server"><a href="#divLogTickets">Log Tickets</a></li>
<li><a href="#divOpenTickets">Open Tickets</a></li>
</ul>
<div id="divLogTickets" runat="server" style="padding: 25px;">
</div>
</div>
if (getUserRole(Convert.ToString(Session["UserId"])) == "HR")
{
//hide Log Tickets tab
liLogTickets.Visible = false;
divLogTickets.Visible = false;
}