如何使用jquery或javascript在asp.net webforms母版页中激活当前菜单项

如何使用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

如何激活当前菜单

i、 e.如果我选择并转到该页面,则下拉菜单需要在asp.net c中动态激活(
  • 我想在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>