如何使用jquery或javascript在asp.net webforms母版页中激活当前菜单项
如何激活当前菜单 i、 e.如果我选择并转到该页面,则下拉菜单需要在asp.net c中动态激活(如何使用jquery或javascript在asp.net webforms母版页中激活当前菜单项,jquery,html,css,asp.net,master-pages,Jquery,Html,Css,Asp.net,Master Pages,如何激活当前菜单 i、 e.如果我选择并转到该页面,则下拉菜单需要在asp.net c中动态激活() 我想在c#中使用jquery或javascript 母版页中提供了所有左侧下拉列表 <li class="treeview" id="settingId" runat="server"> <a href="#"> <i class="f
)
我想在c#中使用jquery或javascript
母版页中提供了所有左侧下拉列表
<li class="treeview" id="settingId" runat="server">
<a href="#">
<i class="fa fa-files-o"></i>
<span>SETTING</span>
</a>
<ul class="treeview-menu">
<li><a href=""><i class="fa fa-circle-o"></i>CATEGORY MANAGEMENT</a></li>
<li><a href=""><i class="fa fa-circle-o"></i>ADD CATEGORY</a></li>
<li><a href=""><i class="fa fa-circle-o"></i>EMAIL MANAGEMENT</a></li>
<li><a href=""><i class="fa fa-circle-o"></i>CHANGE PASSWORD</a></li>
</ul>
</li>
<li class="treeview" id="portfolioId" runat="server">
<a href="#">
<i class="fa fa-pie-chart"></i>
<span>PORTFOLIO</span>
<i class="fa fa-angle-left pull-right"></i>
</a>
<ul class="treeview-menu">
<li><a href=""><i class="fa fa-circle-o"></i>PROJECT MANAGEMENT</a></li>
<li><a href=""><i class="fa fa-circle-o"></i>ADD PROJECT</a></li>
<li><a href=""><i class="fa fa-circle-o"></i>PRODUCT MANAGEMENT</a></li>
<li><a href=""><i class="fa fa-circle-o"></i>ADD PRODUCT</a></li>
</ul>
</li>
您可以在母版页中放置一个隐藏字段,该字段保存当前选项卡的id(父li
)。然后在内容页中设置该隐藏字段的值
使用隐藏字段的值确定要高亮显示的选项卡。此代码假定父级ul
具有id=“MasterMenu”
,并且不具有runat=“server”
。此外,隐藏字段具有id=“CurrentTab”
编辑:下面是一个隐藏字段的示例,您可以将其放在母版页上。我通过添加
runat=“server”
属性使它对代码隐藏可用。当控件具有runat=“server”
时,.NET将在呈现页面时重命名id。要停止此行为,以便可以轻松访问JavaScript中的隐藏字段,请添加ClientIDMode=“static”
属性
<asp:HiddenField id="CurrentTab" value="" runat="server" ClientIDMode="static" />
您可以在母版页中放置一个隐藏字段,该字段保存当前选项卡的id(父
li
)。然后在内容页中设置该隐藏字段的值
使用隐藏字段的值确定要高亮显示的选项卡。此代码假定父级ul
具有id=“MasterMenu”
,并且不具有runat=“server”
。此外,隐藏字段具有id=“CurrentTab”
编辑:下面是一个隐藏字段的示例,您可以将其放在母版页上。我通过添加
runat=“server”
属性使它对代码隐藏可用。当控件具有runat=“server”
时,.NET将在呈现页面时重命名id。要停止此行为,以便可以轻松访问JavaScript中的隐藏字段,请添加ClientIDMode=“static”
属性
<asp:HiddenField id="CurrentTab" value="" runat="server" ClientIDMode="static" />
在每个页面中,需要更改当前id(假设
leftsidebar\u settingId
)
$(文档).ready(函数(){
调试器;
//$('#leftsidebar_portfolioId').addClass('treeview');
$('#leftsidebar_settingId').addClass('treeview active');
});
在每个页面中都需要更改当前id(假设左侧边栏\u设置id
)
$(文档).ready(函数(){
调试器;
//$('#leftsidebar_portfolioId').addClass('treeview');
$('#leftsidebar_settingId').addClass('treeview active');
});
您可以在母版页中放置一个隐藏字段,该字段保存当前选项卡(父li)的id。然后在内容页中设置该隐藏字段的值。如何???你能给我举个例子吗???如何动态获取settingId???currentTab.Value=“settingId”;因为第一个li id是settingId,第二个li id是portfolioId…我的项目中有10个li…所以在母版页中如何使用currentTab.Value=“settingId”;??您可以在单个内容页(而不是母版页)中设置currentTab.Value
。因此,在类别管理中,添加类别、电子邮件管理和更改密码内容页,您可以设置currentTab.Value=“settingId”
。在项目管理中,添加项目、产品管理和产品内容页,您可以在方法中设置currentTab.Value=“portfolioId”
,我需要写下HiddenField currentTab;currentTab=(HiddenField)this.Master.FindControl(“currentTab”);currentTab.Value=“settingId”;或HiddenField currentTab;currentTab=(HiddenField)this.Master.FindControl(“currentTab”);currentTab.Value=“portfolioId”;在每个相应的页面中..???否则,如果我仅定义currentTab.Value=“settingId”;或portfolioId它给出了一个错误。(当前选项卡DPE在当前上下文中不存在)您可以在母版页中放置一个隐藏字段,该字段保存当前选项卡(父li)的id。然后在内容页中设置该隐藏字段的值。如何???你能给我举个例子吗???如何动态获取settingId???currentTab.Value=“settingId”;因为第一个li id是settingId,第二个li id是portfolioId…我的项目中有10个li…所以在母版页中如何使用currentTab.Value=“settingId”;??您可以在单个内容页(而不是母版页)中设置currentTab.Value
。因此,在类别管理中,添加类别、电子邮件管理和更改密码内容页,您可以设置currentTab.Value=“settingId”
。在项目管理中,添加项目、产品管理和产品内容页,您可以在方法中设置currentTab.Value=“portfolioId”
,我需要写下HiddenField currentTab;currentTab=(HiddenField)this.Master.FindControl(“currentTab”);currentTab.Value=“settingId”;或HiddenField currentTab;currentTab=(HiddenField)this.Master.FindControl(“currentTab”);电流
HiddenField currentTab;
currentTab = (HiddenField)this.Master.FindControl("CurrentTab");
currentTab.Value = "settingId";
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
$(document).ready(function () {
debugger;
//$('#leftsidebar_portfolioId').addClass('treeview');
$('#leftsidebar_settingId').addClass('treeview active');
});
</script>